CSS свойство font-kerning
Свойство font-kerning управляет использованием информации о кернинге, хранящейся в шрифте. Кернинг определяет межбуквенное расстояние.
Кернинг указывает, как располагаются буквы. Он делает межбуквенный интервал более приятным для глаз и улучшает читаемость.
| Начальное значение | auto |
|---|---|
| Применяется к | Ко всем элементам. Также применяется к ::first-letter и ::first-line. |
| Наследуется | Да. |
| Анимируется | Нет. |
| Версия | CSS3 |
| Синтаксис DOM | object.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?