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

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

автор: Svitlana

правити

stylistic(<feature-value-name>)

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

автор: Svitlana

правити

historical-forms

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

автор: Svitlana

правити

styleset(<feature-value-name> #)

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

автор: Svitlana

правити

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

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

автор: Svitlana

правити

swash(<feature-value-name>)

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

автор: Svitlana

правити

ornaments(<feature-value-name>)

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

автор: Svitlana

правити

annotation(<feature-value-name>)

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

автор: Svitlana

правити

Переглядачі

Стаціонарні переглядачі Мобільні переглядачі

Підтримка: стаціонарні переглядачі

Переглядач
	111	34	9.1	97	111	—

Підтримка: мобільні переглядачі

Переглядач
	111	111	34	9.3

Приклади

+ запропонувати свій приклад у пісочниці

<p>Звичайне накреслення: Quality Rare gift</p>
<p class="swash">Зі swash(fancy): Quality Rare gift</p>

@font-feature-values "Custom Font" {
    @swash {
        fancy: 1;
    }
}

p {
    font-family: "Custom Font", serif;
}

.swash {
    font-variant-alternates: swash(fancy);
}