css властивість font-kerning


Властивість font-kerning використовується для зміни інтервалу між гліфами. На прикладі ми бачимо різницю між першим рядком, до якого застосовані властивості без задання, та другим, для якого ввімкнутий кернінг.

Властивість `font-kerning`

Кернінг - це типографічний термін, який стосується коректування простору між двома гліфами. Ці два символи називаються парами кернінга. Кернінг більш правильно налаштовує цей інтервал.Деякі символи можуть викликати проблеми з проміжками, які виявляються лише в парі з іншим потенційно проблемним глфіом. Пари з літерами, які найчастіше потребують кернінгу, як правило, являють собою комбінації символів верхнього та нижнього регістру, а також пари з пунктуацією. Зауважте, що викликає проблему не один символ, а пара символів.

У більшості шрифтів є вбудована таблиця кернінгу, в якій перераховуються певні пари гліфів та коригування інтервалу, які слід застосувати до них. Шрифт високої якості зазвичай постачається між 500 і 1000 пар кернінга, тому кернінг часто застосовується автоматично. Однак можуть бути випадки, коли ви не бажаєте, щоб кернінг застосовувався автоматично. Ви можете використовувати властивість font-kerning, щоб включити або вимкнути кернінг за необхідності.

Нотатка:

Властивість font-kerning не буде мати видимого ефекту при використанні шрифтів, які не підтримують кернінг гліфів.

Порада:

Chrome до версії 33, Opera до версії 20 і Safari підтримують властивість -webkit-font-kerning.

Синтакс

font-kerning: auto | normal | none

Властивість font-kerning може отримувати 3 значення:

auto

Вказує, що кернінг застосовується на розсуд браузера.

normal

Вказує, що застосовується кернінг.

none

Вказує, що кернінг не застосовується.

Значення без задання: auto
Наслідує: Так
Анімується: Ні
JavaScript синтаксис: object.style.fontKerning = '';

Переглядачі

Переглядач
font-kerning

33.0
29.0 -webkit-

Не підтримується

34.0

7.0 -webkit-

7.0 -o-

Не підтримується

Переглядач
font-kerning

4.4.4

34.0

8.0 -webkit-

Приклади


Приклад використання

Синтаксис

p {
  font-kerning: normal;
}

Додаткові посилання

Всі Коментарі (0)

Зареєструйся на сайті, аби мати змогу залишати коментарі. Зареєструватися  чи
Немає Коментарів