Перейти к содержимому

CSS свойство font-kerning

Свойство font-kerning управляет использованием информации о кернинге, хранящейся в шрифте. Кернинг определяет межбуквенное расстояние.

Кернинг указывает, как располагаются буквы. Он делает межбуквенный интервал более приятным для глаз и улучшает читаемость.

Начальное значениеauto
Применяется кКо всем элементам. Также применяется к ::first-letter и ::first-line.
НаследуетсяДа.
АнимируетсяНет.
ВерсияCSS3
Синтаксис DOMobject.style.fontKerning = "none";

Синтаксис

Синтаксис свойства CSS font-kerning

css
font-kerning: auto | normal | none;

Пример свойства font-kerning:

Пример использования свойства CSS font-kerning со значениями normal и auto

html
<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <style>
      div {
        font-family: serif;
        font-size: 20px;
      }
      div.example1 {
        font-kerning: normal;
      }
      div.example2 {
        font-kerning: auto;
      }
    </style>
  </head>
  <body>
    <h2>Font-kerning property example</h2>
    <div class="example1">The text is with font kerning.</div>
    <div class="example2">The text is without font kerning.</div>
  </body>
</html>

Значения

ЗначениеОписание
autoЗависит от браузера, будет ли установлен font-kerning. Это значение по умолчанию для свойства.
normalУстанавливает кернинг шрифта.
noneНе устанавливает кернинг шрифта.

Практика

Что такое Font-Kerning в CSS?

Считаете ли это полезным?

Предпросмотр dual-run — сравните с маршрутами Symfony на продакшене.