recursal/MDN huggingface dataset:
contenteditable
===============

O atributo global **`contenteditable`** é um atributo enumerado indicando se o elemento deve ser editável pelo usuário. Se assim for, o navegador modifica seu widget para permitir a edição.

Experimente
-----------

O atributo deve ter um dos seguintes valores:

* `true` ou uma string vazia, o que indica que o elemento é editável.
* `false`, o que indica que o elemento não é editável.

Se o atributo for aplicado sem um valor, como `<label contenteditable>Rótulo de Exemplo</label>`, seu valor é tratado como uma *string* vazia.

Se esse atributo estiver faltando ou seu valor for inválido, seu valor é herdado de seu elemento pai: para que o elemento seja editável se seu pai for editável.

Observe que, embora seus valores permitidos incluam *true* e *false*, este atributo é um enumerado e não um *Booleano*.

Você pode definir a cor usada para desenhar a inserção de texto caret com a propriedade `caret-color` (en-US) do CSS.

Especificações
--------------

| Specification |
| --- |
| HTML Standard # attr-contenteditable |

Compatibilidade com navegadores
-------------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Veja também
-----------

* Tornando o conteúdo editável
* Todos os atributos globais
* `HTMLElement.contentEditable` e `HTMLElement.isContentEditable` (en-US)
* A propriedade `caret-color` (en-US) do CSS.
* Evento de `input` - `HTMLElement`
title
=====

O atributo global **title** contém textos representando informações de orientação, relacionados ao elemento a que pertence. Geralmente, mas não obrigatoriamente, esta informação pode ser apresentada ao usuário como uma dica. Alguns usos comuns:

* Link: título ou descrição do documento vinculado
* Elemento de mídia como uma imagem: descrição ou créditos associados
* Parágrafo: nota de rodapé ou um comentário sobre ele
* Citação: informação sobre o autor, e assim por diante.

Se este atributo for omitido, significa que o título do antecessor mais próximo desse elemento ainda é relevante (e poderá ser usado como dica para este elemento). Se este atributo estiver difinido como uma *string vazia*, significa explicitamente que o título do antecessor mais próximo não é relevante (e não deve ser usado como dica para este elemento).

Semânticas adicionais são anexadas aos atributos **title** dos elementos `<link>`, `<abbr>`, `<input>` e `<menuitem>` (en-US).

O atributo **title** pode conter várias linhas. Cada `U+000A LINE FEED` (`LF`) inserida representa uma nova linha. Alguns cuidados devem ser tomados, como a seguir:


```html
<p>
  Novas linhas em título devem ser levadas em conta, como este
  <abbr
 title="Este é um
título de multiplas linhas"
 >exemplo</abbr
 >.
</p>
```


Este exemplo define um título de duas linhas.

Especificações
--------------

| Specification |
| --- |
| HTML Standard # the-title-attribute |

Compatibilidade com navegadores
-------------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Veja também
-----------

* Todos os atributos globais.
* `HTMLElement.title` (en-US) que reflete este atributo.
tabindex
========

Baseline Widely available
-------------------------

This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2018.

* Learn more
* See full compatibility
* Report feedback
O atributo global **tabindex** indica se um elemento pode receber foco de entrada (se ele é *focável*), se e em qual posição ele deve fazer parte da navegação sequencial do teclado (geralmente com a tecla `Tab`, daí seu nome).

Experimente
-----------

Ele aceita valores inteiros, com diferentes resultados dependendo do valor desse inteiro:

* um *valor negativo* (geralmente `tabindex="-1"`) significa que o elemento não deve ser localizado pela navegação sequencial do teclado, mas pode ser focável visualmente ou com JavaScript. Isso é mais útil para criar widgets accessíveis com JavaScript.

> 
> **Note:** Um valor negativo é útil quando você tem conteúdo fora da tela que aparece com um evento específico. O usuário não poder focar em nenhum elemento com um `tabindex` negativo utilizando o teclado, porém um script pode o fazer utilizando o método (en-US) `focus()`.
> 
> 
>
* `tabindex="0"` significa que o elemento deve ser focável e que pode ser localizado pela navegação sequencial do teclado, mas a sua posição será definida pela ordem no código-fonte do documento;
* um *valor positivo* significa que o elemento deve ser focável e que pode ser localizado pela navegação sequencial do teclado, e a sua posição definida pelo valor do número. Sendo assim, `tabindex="4"` seria focado antes de `tabindex="5"`, mas depois de `tabindex="3"`. Se vários elementos possuírem o mesmo valor positivo de `tabindex`, a sua posição na ordenação será definida pela sua posição no código-fonte do documento. O valor máximo do `tabindex` é 32767. Se não especificado, assume o valor padrão 0.

> 
> **Warning:** Evite usar valores do `tabindex` maiores que 0. Ao fazer isso dificulta para pessoas que dependem de tecnologias assistivas para navegar e operar o conteúdo da página. Ao invés disso, escreva o documento com os elementos em uma sequência lógica.
> 
> 
>

Se o atributo `tabindex` for definido em um elemento div `<div>`, seu conteúdo filho (interno) não poderá ser rolado utilizando as teclas direcionais a menos que seja definido `tabindex` no conteúdo também. Veja este fiddle para entender melhor os efeitos de rolagem do tabindex.

Especificações
--------------

| Specification |
| --- |
| HTML Standard # attr-tabindex |

Compatibilidade com navegadores
-------------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Veja também
-----------

* Todos os atributos globais.
* `HTMLElement.tabIndex` (en-US) que reflete este atributo.
* Problemas de acessibilidade com tabindex: veja Don't Use Tabindex Greater than 0 | Adrian Roselli (em inglês).
hidden
======

O atributo global **`hidden`** é um atributo booleano que indica se um elemento é ou não *relevante*. Por exemplo, ele pode ser usado para esconder elementos de página que não podem ser usados até que o processo de login seja completo. Os navegadores não renderizarão elementos com o atributo `hidden` setado.

O atributo `hidden` não deve ser utilizado para esconder conteúdo que poderia legitimamente ser mostrado em outra apresentação, por exemplo, não é correto usar `hidden` para esconder abas de formulários em paineis, porque interfaces separadas por abas são meramente um tipo de apresentação em fluxo — o que pode ser igualmente mostrado em forma vertical com barra de rolagem. É similarmente incorreto usar este atributo para esconder conteúdo de apenas uma apresentação — se algo está marcado como `hidden`, ele está escondido de todas as apresentações incluindo, por exemplo, leitores de tela.

Elementos com `hidden` não devem estar ligados a outros elementos sem `hidden`. Elementos filhos de um elemento com o atributo `hidden` ainda estão ativos, ou seja, é possível executar a ação `submit` de um formulário ou uma tag `script` pode ser executada se em ambos os casos estes elementos forem filhos de um elemento com o atributo `hidden`.

Por exemplo, é incorreto o uso do atributo `href` referenciando a uma sessão marcada com o atributo `hidden`. Se o conteúdo não é aplicável ou relevante, não faz sentido fazer a referência.

Pode ser correto, entretanto, usar o atributo ARIA `aria-describedby`para referenciar descrições que estejam, elas mesmas, escondidas. Esconder as descrições implica que elas não são úteis por si só. Mas elas podem ser escritas de forma que sejam úteis no contexto específico do elemento que descrevem

Similarmente, um elemento canvas com atributo `hidden` poderia ser usado como buffer por um script de gráficos, e um controle de formulário, usando seu atributo form, poderia referir-se a um elemento `form` com atributo `hidden`.

**Nota:** Mudar o valor da propriedade `display` no CSS de um elemento com o atributo `hidden` sobrescreve o comportamento. Por exemplo, elementos com o estilo `display: flex;` serão mostrados independente da presença do atributo `hidden`.

Especificações
--------------

| Specification |
| --- |
| HTML Standard # the-hidden-attribute |

Compatibilidade com navegadores
-------------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Veja também
-----------

* Todos os atributos globais.
accesskey
=========

O atributo global **`accesskey`** fornece uma dica para gerar um atalho de teclado no elemento atual. O valor do atributo deve consistir em um único caracter imprimível (que inclui caracteres acentuados e outros caracteres que podem ser gerados pelo teclado).

Experimente
-----------

**Nota:** Na especificação do WHATWG, diz que você pode especificar vários caracteres separados por espaço, e o navegador usará primeiro o que ele suportar. No entanto, isso não funciona na maioria dos browsers. O IE/Edge usa o primeiro que ele suporta sem problemas, desde que não haja conflitos com outros comandos.

A maneira de ativar a tecla de acesso depende do navegador e de sua plataforma:

|  | Windows | Linux | Mac |
| --- | --- | --- | --- |
| Firefox | `Alt` + `Shift` + `*key*` | 
 No Firefox 57 ou mais recente: `Control` + `Option` +
 `*key*` or `Control` + `Alt` +
 `*key*`No Firefox 14 ou mais recente: `Control` +
 `Alt` + `*key*`No Firefox 13 ou mais antigo: `Control` +
 `*key*` |
| Edge | `Alt` + `*key*` | N/A |
| Internet Explorer | `Alt` + `*key*` | N/A |
| Google Chrome | `Alt` + `*key*` | `Control` + `Alt` + `*key*` |
| Safari | `Alt` + `*key*` | N/A | `Control` + `Alt` + `*key*` |
| Opera 15+ | `Alt` + `*key*` | `Control` + `Alt` + `*key*` |
| Opera 12 | 
`Shift` + `Esc` abre uma lista de conteúdos
 acessíveis pela tecla de acesso e, em seguida, pode escolher um item
 pressionando `*key*`
 |

Preocupações com acessibilidade
-------------------------------

Além do baixo suporte ao navegador, existem inúmeras preocupações com o atributo `accesskey`:

* Um valor de `accesskey` pode entrar em conflito com uma tecla de atalho do sistema ou do navegador, ou alguma funcionalidade de tecnologia assistida. O que pode funcionar para uma combinação de sistema operacional, tecnologia assistida e navegador pode não funcionar com outras combinações.
* Certos valores de `accesskey` podem não estar presentes em alguns teclados, especialmente quando a internacionalização é uma preocupação. Portanto, a adaptação a idiomas específicos pode causar problemas adicionais.
* Os valores de `accesskey` que dependem de números podem ser confusos para indivíduos com problemas cognitivos, onde o número não tem uma associação lógica com a funcionalidade que aciona.
* Informar o usuário que `accesskey` estão presentes, para que eles estejam cientes da funcionalidade. Se o sistema não tiver o método de o usuário dessa funcionalidade, ele poderá ativar acidentalmente as teclas de acesso (`accesskeys)`.

Devido a esses problemas, geralmente não é aconselhável usar o `accesskey`s para a maioria dos sites e aplicativos da web.

WebAIM: Keyboard Accessibility - Accesskey

Especificações
--------------

| Specification |
| --- |
| HTML Standard # the-accesskey-attribute |

Compatibilidade com navegadores
-------------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Veja também
-----------

* `Element.accessKey`
* `HTMLElement.accessKeyLabel` (en-US)
* Todos os atributos globais.
class
=====

O atributo global **class** é uma lista das classes de um elemento, separada por espaços. Classes permitem a CSS e Javascript selecionar e acessar elementos específicos através dos seletores de classe ou funções como o método DOM `document.getElementsByClassName`.

Apesar da especificação não impor requesitos sobre os nomes de classes, é considerada boa prática usar nomes que descrevam o propósito semântico do elemento, em vez de sua representação (e.g. *atributo* para descrever um atributo em vez de *ítalico*, mesmo que um elemento desta classe possa ser representado por *ítalico)*. Nomes baseados em semântica permanecem coerentes mesmo se a representação da página mude.

Especificações
--------------

| Specification |
| --- |
| HTML Standard # global-attributes:classes-2 |

Compatibilidade com navegadores
-------------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Veja também
-----------

* Todos os atributos globais.
Tutorial SVG
============

Scalable Vector Graphics (Gráficos vetoriais escaláveis), SVG, é uma linguagem W3C XML para marcação de gráficos. Ela é parcialmente implementada no Firefox, Opera, Navegadores com WebKit , Internet Explorer e outros navegadores.

Este tutorial tem como objetivo explicar as partes internas de SVG acompanhada de detalhes técnicos. Se você quiser usá-la apenas para desenhar belas imagens, você pode encontrar informações mais uteis na Página de documentação do Inkscape. Outra boa introdução ao SVG é fornecida pelo W3C' SVG Primer.

**Nota:** O tutorial está em um estágio inicial de desenvolvimento.Se puder, por favor ajude escrevendo um parágrafo ou dois. Pontos extras para quem escrever uma página inteira!

##### Apresentando SVG com Scratch

* Introdução
* Começando
* Posições
* Formas Básicas
* Caminhos
* Preenchimentos e traços
* Gradientes
* Padrões
* Textos
* Transformações básicas
* Recortes e mascaras
* Outros conteúdos em SVG
* Efeitos de filtro
* Fontes SVG
* SVG e a tag Imagem
* Ferramentas para SVG

Os seguintes tópicos são mais avançados e portanto precisam de tutoriais próprios.

##### Scripting SVG with JavaScript

TBD

##### SVG filters tutorial

TBD

##### Animations with SMIL in SVG

TBD

##### Creating fonts in SVG

TBD
stroke-dashoffset
=================

« SVG Attribute reference home

O atributo `stroke-dashoffset` especifica a distância entre o inicio traço e o fim.

Se a <percentage> for usada, o valor representará a porcentagem do viewport atual.

O valor pode ser negativo.

Contexto de uso
---------------

| Categorias | Atributo de Apresentação |
| --- | --- |
| Value | <percentage> | <length> | inherit |
| Valor inicial | 0 |
| Animação | Sim |
| Documento Normativo | SVG 1.1 (2nd Edition) |

Elementos
---------

Os seguintes elementos podem utilizar o atributo `stroke-dashoffset`

* Shape elements »
* Text content elements »
class
=====

« Página inicial da referência de atributos do SVG

Atribui um nome de classe ou um conjunto de nomes de classe a um elemento. Você pode atribuir o mesmo nome ou nomes de classe para qualquer número de elementos. Se você especificar vários nomes de classe, estes devem ser separados por caracteres de espaço em branco.

O nome de classe de um elemento tem duas funções principais:

* Como um seletor de folha de estilo, para a utilização quando um autor quiser atribuir informações de estilo a um conjunto de elementos.
* Para utilizações gerais do navegador.

A classe pode ser utilizada pra estilizar o conteúdo do SVG com CSS.

Utilização
----------

| Categorias | Nenhuma |
| --- | --- |
| Valor | <list-of-class-names> |
| Animável | Sim |
| Documento normativo | SVG 1.1 (2ª Edição): O atributo class |

{{ page("/pt-BR/SVG/Content\_type","List-of-Ts") }}Exemplo
-------


```html
<html>
  <body>
    <svg
 width="120"
 height="220"
 viewPort="0 0 120 120"
 version="1.1"
 xmlns="https://www.w3.org/2000/svg">
      <style type="text/css">
 <![CDATA[

 rect.rectClass {
 stroke: #000066;
 fill: #00cc00;
 }
 circle.circleClass {
 stroke: #006600;
 fill: #cc0000;
 }

 ]]>
 </style>

      <rect class="rectClass" x="10" y="10" width="100" height="100" />
      <circle class="circleClass" cx="40" cy="50" r="26" />
    </svg>
  </body>
</html>
```

Elementos
---------

Os seguintes elementos podem utilizar o atributo `class`:

* `<a>`
* `<altGlyph>`
* `<circle>`
* `<clipPath>` (en-US)
* `<defs>`
* `<desc>`
* `<ellipse>`
* `<feBlend>` (en-US)
* `<feColorMatrix>` (en-US)
* `<feComponentTransfer>` (en-US)
* `<feComposite>` (en-US)
* `<feConvolveMatrix>` (en-US)
* `<feDiffuseLighting>` (en-US)
* `<feDisplacementMap>` (en-US)
* `<feFlood>` (en-US)
* `<feGaussianBlur>` (en-US)
* `<feImage>` (en-US)
* `<feMerge>` (en-US)
* `<feMorphology>` (en-US)
* `<feOffset>` (en-US)
* `<feSpecularLighting>` (en-US)
* `<feTile>` (en-US)
* `<feTurbulence>` (en-US)
* `<filter>`
* `<font>` (en-US)
* `<foreignObject>` (en-US)
* `<g>`
* `<glyph>`
* `<glyphRef>`
* `<image>`
* `<line>`
* `<linearGradient>`
* `<marker>`
* `<mask>`
* `<missing-glyph>`
* `<path>`
* `<pattern>`
* `<polygon>`
* `<polyline>`
* `<radialGradient>`
* `<rect>`
* `<stop>`
* `<svg>`
* `<switch>`
* `<symbol>`
* `<text>`
* `<textPath>`
* `<title>`
* `<tref>`
* `<tspan>`
* `<use>`
Compatibilidade com navegadores
-------------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.
style
=====

« Página inicial de referência do atributo SVG

Este atributo especifica informação de estilo para o elemento atual. O atributo "style" especifica informação de estilo para um único elemento. As linguagem da folha de estilos para as regras de estilos em linhas é dada pelo valor do atributo `contentStyleType` no elemento the `<SVG>`.

Contexto de uso
---------------

| Categorias | Atributo de apresentação |
| --- | --- |
| Valor | <style> |
| Animável? | Não |
| Documento Normativo | SVG 1.1 (2ª Edição) |

<style>

A sintaxe do estilo depende de uma linguagem de folha de estilos. Por padrão, se `contentStyleType` não for definido, a linguagem da folha de estilo utilizada será a CSS.

Exemplo
-------

O exemplo a seguir mostra a estilização de um retângulo com um atributo de estilo utilizando a linguagem de folha de estilos do CSS.


```html
<svg version="1.1" viewbox="0 0 1000 500" xmlns="https://www.w3.org/2000/svg">
  <rect
 height="300"
 width="600"
 x="200"
 y="100"
 style="fill: red; stroke: blue; stroke-width: 3" />
</svg>
```

Elementos
---------

Os seguintes elementos podem utilizar o atributo `style`

* Elementos "container" »
* Elementos de filtro primitivo »
* Elementos de gradiente »
* Elementos gráficos »
* Elementos estruturais »
* Elementos de texto »
* `<clipPath>` (en-US)
* `<filter>`
* `<font>` (en-US)
* `<foreignObject>` (en-US)
* `<glyphRef>`
* `<stop>`
* `<glyph>`
Veja também
-----------

* `<style>`
Width
=====

« SVG Attribute reference home

Esse atributo indica um compromimento horizontal no sistema de coordenadas do usuário. O efeito exato dessa coordenada, depende de cada elemento. Na maioria das vezes, representa a largura da região retangular do elemento de referência.

Esse atributo precisa ser especificado, exceto para o elemento `<svg>` onde o valor padrão é **100%** (com exceção do elemento root `<svg>` que contém pais HTML). e o `<filter>` e `<mask>`, elementos que o valor padrão é **120%.**

Contexto de Uso
---------------

| Categories | None |
| --- | --- |
| Value | <length> |
| Animatable | Yes |
| Normative document | SVG 1.1 (2nd Edition): foreignObject element SVG 1.1 (2nd Edition): image element SVG 1.1 (2nd Edition): pattern element SVG 1.1 (2nd Edition): rect element SVG 1.1 (2nd Edition): svg element SVG 1.1 (2nd Edition): use element SVG 1.1 (2nd Edition): Filter primitive SVG 1.1 (2nd Edition): mask element |

{{ page("/en/SVG/Content\_type","Length") }}Exemplo
-------


```xml
<?xml version="1.0"?>
<svg width="120" height="120"
 viewBox="0 0 120 120"
 xmlns="https://www.w3.org/2000/svg">

  <rect x="10" y="10" width="100" height="100"/>
</svg>
```

Elementos
---------

Os seguintes elementos podem user o atributo witdh

* Filter primitive elements »
* `<filter>`
* `<foreignObject>` (en-US)
* `<image>`
* `<pattern>`
* `<rect>`
* `<svg>`
* `<use>`
* `<mask>`
keyTimes
========

O atributo **`keyTimes`** representa uma lista de valores de tempo usados para controlar o ritmo da animação. Cada valor corresponde a um valor na lista de atributos `values (en-US)` e define quando o valor é usado na animação. Cada valor de tempo na lista `keyTimes` é especificado como um valor de ponto flutuante entre 0 e 1 (inclusive), representando um deslocamento proporcional na duração do elemento de animação.

Four elements are using this attribute: `<animate>`, `<animateColor>`, `<animateMotion>`, and `<animateTransform>`
```

html,
body,
svg {
  height: 100%;
}
```



```html
<svg viewBox="0 0 120 120" xmlns="https://www.w3.org/2000/svg">
  <circle cx="60" cy="10" r="10">
    <animate
 attributeName="cx"
 dur="4s"
 repeatCount="indefinite"
 values="60 ; 110 ; 60 ; 10 ; 60"
 keyTimes="0 ; 0.25 ; 0.5 ; 0.75 ; 1" />
    <animate
 attributeName="cy"
 dur="4s"
 repeatCount="indefinite"
 values="10 ; 60 ; 110 ; 60 ; 10"
 keyTimes="0 ; 0.25 ; 0.5 ; 0.75 ; 1" />
  </circle>
</svg>
```

Usage notes
-----------

|  |  |
| --- | --- |
| Value | `<number>` [
 `;` `<number>` ]\* `;`?
  |
| Default value | *None* |
| Animatable | No |

The value of the `keyTimes` attribute is a semicolon-separated list of values.

There must be exactly as many values in the `keyTimes` list as in the `values` list.

Each successive time value must be greater than or equal to the preceding time value.

The `keyTimes` list semantics depends upon the interpolation mode:

* For linear and spline animation, the first time value in the list must be 0, and the last time value in the list must be `1`. The key time associated with each value defines when the value is set; values are interpolated between the key times.
* For discrete animation, the first time value in the list must be `0`. The time associated with each value defines when the value is set; the animation function uses that value until the next time defined in the list.

If the `calcMode (en-US)` attribute is set to `paced`, the `keyTimes` attribute is ignored.

If the duration of the animation is indefinite, any `keyTimes` specification will be ignored.

Especificações
--------------

| Specification |
| --- |
| SVG Animations Level 2 # KeyTimesAttribute |

Compatibilidade com navegadores
-------------------------------

{{Compat}}
style
=====

O elemento de estilo possibilita que folhas de estilos sejam incorporadas diretamente ao conteúdo do SVG. O elemento `style` do SVG possui os mesmos atributos que o elemento correspondente no HTML (veja o elemento no HTML `<style>`).

Contexto de uso
---------------

|  |  |
| --- | --- |
| Categorias | Nenhum |
| Conteúdo permitido | Quaisquer elementos ou dados de caracteres |

Exemplo
-------


```html
<svg
 width="100%"
 height="100%"
 viewBox="0 0 100 100"
 xmlns="https://www.w3.org/2000/svg">
  <style>
 /\* <![CDATA[ \*/
 circle {
 fill: orange;
 stroke: black;
 stroke-width: 10px; // Note que este valor depende do valor do pixel definido no viewBox
 }
 /\* ]]> \*/
 </style>

  <circle cx="50" cy="50" r="40" />
</svg>
```


Resultado:

Atributos
---------

### Atributos globais

* Atributos centrais »
### Atributos específicos

* `type (en-US)`
* `media (en-US)`
* `title`
Interface DOM
-------------

O elemento implementa a interface do `SVGStyleElement`.

Compatibilidade com navegadores
-------------------------------

BCD tables only load in the browser with JavaScript enabled. Enable JavaScript to view data.

Veja também
-----------

* Elemento <style> no HTML
hkern
=====

A distância horizontal entre dois glifos podem ser bem ajustados com um elemento `hkern`. Este processo é conhecido como Kerning.

Contexto de uso
---------------

|  |  |
| --- | --- |
| Categorias | Elemento de fonte |
| Conteúdo permitido | Vazio |

Atributos
---------

### Atributos globais

* Atributos principais »
### Atributos específicos

* `u1 (en-US)`
* `g1 (en-US)`
* `u2 (en-US)`
* `g2 (en-US)`
* `k (en-US)`
Interface DOM
-------------

Este elemento implementa a interface do `SVGHKernElement`.

Relacionado
-----------

* `<font>` (en-US)
* `<glyph>`
* `<vkern>`
* Tutorial SVG: SVG fonts