Кернінг шрифтів - CSS-хитрощі

font-kerningВластивість CSS визначає спосіб розташування певних пар букв.

Розумієте, шрифти часто містять інформацію про те, скільки дихальної кімнати має персонаж по лівому та правому краях.

Правильний термін для інтервалу - бічні підшипники.

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

Правий бічний підшипник A і лівий бічний підшипник V визначають простір між ними.

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

Синтаксис

font-kerning: auto | normal | none

Початкове значення: auto
Застосовується до: усіх елементів
Успадковано:
Обчислене значення:
Тип анімації: дискретна

Цінності

font-kerning приймає такі значення:

auto: Це дозволяє браузеру вирішити, використовувати чи не використовувати кернінг шрифтів.
normal: Дозволяє використовувати кернінг, що зберігається у шрифті.
none: Вимикає кернінг.

Демо

Підтримка браузера

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