Свойство font-kerning

Свойство font-kerning задает кернинг или расстояние между буквами в слове. Свойство может принимать значения: auto (по умолчанию определяется браузером), normal (применяет кернинг) и none (не применяется кернинг).

Синтаксис

cssселектор {
  font-kerning: auto или normal или none
}

Пример

Давайте зададим кернинг по умолчанию для нашего текста:

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

Результат:

Пример

А теперь давайте зададим кернинг:

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

Результат:

Пример

Давайте уберем кернинг для нашего текста:

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

Результат:

Смотрите также

  • свойство text-orientation,
    которое задает ориентацию символам в вертикальном тексте
  • свойство writing-mode,
    которое задает направление тексту