Propriedade font-kerning

A propriedade font-kerning define o kerning ou o espaçamento entre letras em uma palavra. A propriedade pode aceitar os valores: auto (por padrão, determinado pelo navegador), normal (aplica kerning) e none (não aplica kerning).

Sintaxe

cssseletor {
  font-kerning: auto ou normal ou none
}

Exemplo

Vamos definir o kerning padrão para o nosso texto:

html<h1>Header</h1>
<div>text text text</div>
cssh1 {
  font-size: 40px;
  font-kerning: auto;
}
div {
  font-size: 18px;
}

Результат:

Exemplo

Agora vamos definir o kerning:

html<h1>Header</h1>
<div>text text text</div>
cssh1 {
  font-size: 40px;
  font-kerning: normal;
}
div {
  font-size: 18px;
}

Результат:

Exemplo

Vamos remover o kerning do nosso texto:

html<h1>Header</h1>
<div>text text text</div>
cssh1 {
  font-size: 40px;
  font-kerning: none;
}
div {
  font-size: 18px;
}

Результат:

Veja também

  • a propriedade text-orientation,
    que define a orientação dos caracteres em texto vertical
  • a propriedade writing-mode,
    que define a direção do texto