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


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

font-variant-alternates є однією із властивостей у CSS3, які використовуються для ввімкнення різних функцій, пов'язаних зі шрифтом та покращення зовнішнього вигляду тексту на сторінці.

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

Синтаксис

font-variant-alternates: normal | [ stylistic(<feature-value-name>) || historical-forms || styleset(<feature-value-name> #) || character-variant(<feature-value-name> #) || swash(<feature-value-name>) || ornaments(<feature-value-name>) || annotation(<feature-value-name>) ]

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

normal

Жодна з перерахованих нижче функцій не ввімкнена.

stylistic(<feature-value-name>)

Дозволяє відображати стилістичні альтернативи (специфікація шрифту, функція OpenType: salt <feature-index>).

historical-forms

Вмикає відображення історичних форм (функція OpenType: hist).

styleset(<feature-value-name> #)

Дозволяє відображати стилістичні набори (специфікація шрифту, функція OpenType: ss<function-index> OpenType в даний час визначає ss01 через ss20).

character-variant(<feature-value-name> #)

Дозволяє відображати певні варіанти символів (специфікація шрифтів, функція OpenType: cv<feature-index> OpenType в даний час визначає cv01 через cv99).

swash(<feature-value-name>)

Дозволяє відображати гліфи swash (специфікація шрифту, функція OpenType: swsh<feature-index>, cswh).

ornaments(<feature-value-name>)

Дозволяє замінити гліфи за замовчуванням з орнаментами, якщо вони представлені в шрифті (специфікація шрифту, функція OpenType: ornm<function-index>).

annotation(<feature-value-name>)

Дозволяє відображати альтернативні форми анотацій (специфічна для шрифтів, функція OpenType: nalt<feature-index>).

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

Переглядачі

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

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

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

34.0

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

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

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

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

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

34.0

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


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

Приклади


Синтаксис

font-variant-alternates: normal;


font-variant-alternates: historical-forms;





font-variant-alternates: stylistic(user-defined-ident);


font-variant-alternates: styleset(user-defined-ident);


font-variant-alternates: character-variant(user-defined-ident);


font-variant-alternates: swash(user-defined-ident);


font-variant-alternates: ornaments(user-defined-ident);


font-variant-alternates: annotation(user-defined-ident);


font-variant-alternates: swash(ident1) annotation(ident2);





font-variant-alternates: initial;


font-variant-alternates: inherit;


font-variant-alternates: unset;

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