Свойство font-kerning контролирует использование сведений о кернинге, хранящихся в шрифте. Кернинг устанавливает расстояние между буквами.
Значение по умолчанию | auto |
Применяется | Ко всем элементам, а также к ::first-letter и ::first-line. |
Наследуется | Да |
Анимируемое | Нет |
Версия | CSS3 |
DOM Syntax | object.style.fontKerning = "none"; |
Синтаксис
font-kerning: auto | normal | none;
Пример
<!DOCTYPE html>
<html>
<head>
<title>Заголовок документа</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</h2>
<div class="example1">Текст с использованием кернинга.</div>
<div class="example2">Текст без использования кернинга.</div>
</body>
</html>
Значения
Значение | Описание |
---|---|
auto | Использование кернинга шрифта зависит от браузера. Значение по умолчанию. |
normal | Устанавливает кернинг шрифта. |
none | Кернинг шрифта отсутствует. |
Поддержка браузера
33.0+ 29.0-32.0 -webkit- |
✕ | 34.0+ |
9.1+ 7.0-9.0 -webkit- |
20.0+ 16.0-19.0 -webkit- |
Практикуйте свои знания
Что такое кернинг шрифтов в CSS?
Правильный!
Неправильно!