css властивість font-variant-ligatures


Властивість font-variant-ligatures використовується для керування лігатурами у шрифті.

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

У типографії, лігатура - це об'єднання знаків двох літер в один друкований символ для гармонійнішого вигляду шрифта в наборі.

Типи лігатури

CSS розпізнає різні типи лігатур. Вони узгоджуються з форматом OpenType, який є одним з найбільш широко використовуваних форматів в Інтернеті (та комп'ютерах в цілому).

Загальні лігатури

Також називають "стандартними лігатурами", загальні лігатури заміняють послідовність символів з одним гліфом лігатури.

Звичайні лігатури зазвичай використовуються в тих випадках, коли символи стикаються один з одним (або просто виглядають некрасивими), коли вони розміщені поруч один з одним. У таких випадках текст важче читати, особливо при менших розмірах символів.

Наприклад, комбінація літер "f" та "i" часто спричиняє проблеми через крюк (поперечну лінію) "f" та точку "i". Точка "i" має тенденцію потрапляти на шлях гачка "f". Навіть якщо вони фактично не стикаються, вони все ще можуть зменшити читаність тексту. Коли включені лігатури, ці два символи об'єднуються в одне, і разом вони стають більш читабельнішими. Але навіть у випадках, коли розбірливість не є проблемою, звичайні лігатури, як правило, поліпшують зовнішній вигляд тексту і надають їй більш плавне, безперервне відчуття.

Спільні лігатури включені без задання у CSS. Тим не менше, ви можете явно включити / вимкнути їх так:

/* увімкнути */

font-variant-ligatures: common-ligatures;

/* вимкнути */

font-variant-ligatures: no-common-ligatures;

Дискреційні лігатури

Дискреційні лігатури, які також називають "декоративними лігатурами", зазвичай використовуються для чисто декоративних цілей, ніж для розбірливості. Вони призначені для декоративності, а не спеціально для читання.

Ви часто бачите дискреційні лігатури, які використовуються в таких послідовностях, як "ct", "st", "Th" та "sp".

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

Як вже згадувалося, дискреційні лігатури без задання відключені в CSS. Нижче наведено код для вмикання / вимикання:

/* увімкнути */

font-variant-ligatures: discretionary-ligatures;

/* вимкнути */

font-variant-ligatures: no-discretionary-ligatures;

Історичні лігатури

Історичні лігатури - це застарілі лігатури, які слід застосовувати на власний розсуд. Історичні лігатури призначені для придання тексту історичного характеру, а не спеціально для читабельності. Бувають дуже подібними до декоративних, або іноді використовуються як такі.

Ви можете включити / вимкнути історичні лігатури, так:

/* увімкнути */

font-variant-ligatures: historical-ligatures;

/* вимкнути */

font-variant-ligatures: no-historical-ligatures;

Змістові альтернативи

Це гліфи, призначені для роботи в контексті сусідніх гліфів. Вони призначені для підвищення читабельності.

Ви можете явно включити / вимкнути контекстні альтернативи, так:

/* увімкнути */

font-variant-ligatures: contextual;

/* вимкнути */

font-variant-ligatures: no-contextual;

Синтаксис

font-variant-ligatures: normal | none | [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> ]

Властивість font-variant-ligatures може отримувати 6 значень:

normal

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

none

Це ключове слово вказує на те, що всі лігатури та контекстні форми відключені, навіть загальні.

<common-lig-values>

Загальні лігатури (див. вище).

<discretionary-lig-values>

Дискреційні лігатури (див. вище).

<historical-lig-values>

Історичні лігатури (див. вище).

<contextual-alt-values>

Змістові альтернативи (див. вище).

Значення без задання: normal
Наслідує: Так
Анімується: Ні
JavaScript синтаксис: object.style.fontVariantLigatures

Переглядачі

Переглядач
font-variant-ligatures

34.0
31.0 -webkit-

10.0

34.0

7.0 -webkit-

19.0 -webkit-

Переглядач
font-variant-ligatures

4.4

34.0 -webkit-

7.0 -webkit-


Мобільних переглядачів ще не додано.

Приклади


Значення у дії

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

Синтаксис

font-variant-ligatures: normal;


font-variant-ligatures: none;


font-variant-ligatures: common-ligatures;  


font-variant-ligatures: no-common-ligatures;  


font-variant-ligatures: discretionary-ligatures;   


font-variant-ligatures: no-discretionary-ligatures;


font-variant-ligatures: historical-ligatures;       


font-variant-ligatures: no-historical-ligatures;  


font-variant-ligatures: contextual;                


font-variant-ligatures: no-contextual;           


font-variant-ligatures: contextual;                 





font-variant-ligatures: inherit;


font-variant-ligatures: initial;


font-variant-ligatures: unset;

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