css властивість font-kerning
Властивість font-kerning використовується для зміни інтервалу між гліфами. На прикладі ми бачимо різницю між першим рядком, до якого застосовані властивості без задання, та другим, для якого ввімкнутий кернінг.
Кернінг - це типографічний термін, який стосується коректування простору між двома гліфами. Ці два символи називаються парами кернінга. Кернінг більш правильно налаштовує цей інтервал.Деякі символи можуть викликати проблеми з проміжками, які виявляються лише в парі з іншим потенційно проблемним глфіом. Пари з літерами, які найчастіше потребують кернінгу, як правило, являють собою комбінації символів верхнього та нижнього регістру, а також пари з пунктуацією. Зауважте, що викликає проблему не один символ, а пара символів.
У більшості шрифтів є вбудована таблиця кернінгу, в якій перераховуються певні пари гліфів та коригування інтервалу, які слід застосувати до них. Шрифт високої якості зазвичай постачається між 500 і 1000 пар кернінга, тому кернінг часто застосовується автоматично. Однак можуть бути випадки, коли ви не бажаєте, щоб кернінг застосовувався автоматично. Ви можете використовувати властивість font-kerning, щоб включити або вимкнути кернінг за необхідності.
| Нотатка: | Властивість |
| Порада: | Chrome до версії 33, Opera до версії 20 і Safari підтримують властивість |
Синтаксис
font-kerning: auto | normal | noneВластивість font-kerning може отримувати 3 значення:
autoВказує, що кернінг застосовується на розсуд браузера.
normalВказує, що застосовується кернінг.
noneВказує, що кернінг не застосовується.
| Значення без задання: | auto |
|---|---|
| Наслідує: | Так |
| Анімується: | Ні |
| JavaScript синтаксис: | object.style.fontKerning = ''; |
Переглядачі
| Переглядач | ||||||
|---|---|---|---|---|---|---|
| font-kerning | 33.0 |
Не підтримується |
34.0 |
7.0 -webkit- |
7.0 -o- |
Не підтримується |
| Переглядач | |||
|---|---|---|---|
| font-kerning | 4.4.4 |
34.0 |
8.0 -webkit- |
Мобільних переглядачів ще не додано.
Приклади
Приклад використання
Синтаксис
p {
font-kerning: normal;
}