A font-kerningpropriedade CSS define a maneira como pares específicos de letras são espaçados.
Veja, as fontes geralmente contêm informações sobre quanto espaço para respirar um personagem tem nas bordas esquerda e direita.
Quando dois personagens são colocados próximos um do outro, suas laterais somam-se para formar o espaço real entre os personagens.
Os designers de fontes irão ajustar os sidebearings entre dois caracteres específicos para que fiquem melhor juntos. Isso é kerning e é isso que a font-kerningpropriedade nos permite decidir: se queremos usar o kerning da fonte ou desabilitá-lo completamente. Portanto, se a fonte com a qual você está trabalhando não suporta dados de kerning, essa propriedade não terá efeito sobre ela.
Sintaxe
font-kerning: auto | normal | none- Valor inicial:
auto - Aplica-se a: todos os elementos
- Herdado:
- Valor calculado:
- Tipo de animação: discreto
Valores
font-kerning aceita os seguintes valores:
auto: Isso permite que o navegador decida se deve ou não usar o kerning de fonte.normal: Permite que o kerning armazenado na fonte seja usado.none: Desativa o kerning.
Demo
Suporte de navegador
Os dados de suporte deste navegador são do Caniuse, que tem mais detalhes. Um número indica que o navegador oferece suporte ao recurso nessa versão e superior.
Área de Trabalho
| cromada | Raposa de fogo | IE | Beira | Safári |
|---|---|---|---|---|
| 29 * | 34 | Não | 79 | 7 * |
Celular / Tablet
| Android Chrome | Android Firefox | Android | iOS Safari |
|---|---|---|---|
| 88 | 85 | 4,4 * | 8 * |