Proprietatea font-kerning

Proprietatea font-kerning stabilește kerningul sau distanța dintre literele dintr-un cuvânt. Proprietatea poate lua valorile: auto (stabilit în mod implicit de browser), normal (aplică kerning) și none (kerning nu se aplică).

Sintaxă

cssselector {
  font-kerning: auto sau normal sau none
}

Exemplu

Să stabilim kerningul implicit pentru textul nostru:

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

Результат:

Exemplu

Iar acum să stabilim kerningul:

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

Результат:

Exemplu

Să eliminăm kerningul pentru textul nostru:

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

Результат:

Vedeți și

  • proprietatea text-orientation,
    care stabilește orientarea simbolurilor în textul vertical
  • proprietatea writing-mode,
    care stabilește direcția textului