Свойство 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?
Правильный!
Неправильно!