Кернинг на шрифтове - CSS-трикове

font-kerningСвойството CSS определя начина, по който се раздалечават определени двойки букви.

Виждате ли, шрифтовете често съдържат информация за това колко дишаща стая има един персонаж от левия и десния му ръб.

Подходящият термин за разстоянието е страничните лагери.

Когато два знака са поставени един до друг, страничните им лагери се сумират, за да образуват действителното пространство между символите.

Дясната странична опора на A и лявата странична опора на V определят пространството между тях.

Дизайнерите на шрифтове ще регулират страничните лагери между два конкретни знака, така че да изглеждат по-добре заедно. Това е кернинг и това е, което font-kerningсвойството ни позволява да решим: дали искаме да използваме кернинга на шрифта или да го деактивираме изобщо. Така че, ако шрифтът, с който работите, не поддържа данни за кернинг, това свойство няма да има ефект върху него.

Синтаксис

font-kerning: auto | normal | none

Начална стойност: auto
Прилага се за: всички елементи
Наследен:
Изчислена стойност:
Тип анимация: дискретна

Стойности

font-kerning приема следните стойности:

auto: Това позволява на браузъра да реши дали да използва кернинг на шрифтове или не.
normal: Позволява да се използва кернингът, съхранен в шрифта.
none: Деактивира кернинг.

Демонстрация

Поддръжка на браузър

Тези данни за поддръжка на браузъра са от Caniuse, който има повече подробности. Число показва, че браузърът поддържа функцията на тази версия и по-нова.