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	Не підтримується

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

Приклади

Приклад 1

Синтаксис

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;