Vlastnosť font-kerning

Vlastnosť font-kerning nastavuje kerning alebo vzdialenosť medzi písmenami v slove. Vlastnosť môže nadobúdať hodnoty: auto (predvolené, určené prehliadačom), normal (aplikuje kerning) a none (neaplikuje sa kerning).

Syntax

cssselektor {
  font-kerning: auto alebo normal alebo none
}

Príklad

Nastavme predvolený kerning pre náš text:

html<h1>Header</h1>
<div>text text text</div>

cssh1 {
  font-size: 40px;
  font-kerning: auto;
}
div {
  font-size: 18px;
}

Результат:

Príklad

A teraz nastavme kerning:

html<h1>Header</h1>
<div>text text text</div>

cssh1 {
  font-size: 40px;
  font-kerning: normal;
}
div {
  font-size: 18px;
}

Результат:

Príklad

Odstráňme kerning pre náš text:

html<h1>Header</h1>
<div>text text text</div>

cssh1 {
  font-size: 40px;
  font-kerning: none;
}
div {
  font-size: 18px;
}

Результат:

Pozrite tiež