Шрифт-кернинг - CSS-хитрости

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

Видите ли, шрифты часто содержат информацию о том, сколько места есть у персонажа на левом и правом краях.

Правильный термин для обозначения интервала - боковые опоры.

Когда два символа помещаются рядом друг с другом, их боковые опоры складываются, образуя фактическое пространство между символами.

Правая сторона A и левая сторона V определяют пространство между ними.

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

Синтаксис

font-kerning: auto | normal | none

Первоначальный значение: auto
Применимо к: всем элементам
Унаследовано:
Расчетное значение:
Тип анимации: дискретная

Значения

font-kerning принимает следующие значения:

auto: Это позволяет браузеру решать, использовать ли кернинг шрифтов.
normal: Позволяет использовать кернинг, сохраненный в шрифте.
none: Отключает кернинг.

Демо

Поддержка браузера

Эти данные о поддержке браузером взяты из Caniuse, где есть более подробная информация. Число означает, что браузер поддерживает эту функцию в этой версии и выше.