font-variant-alternates¶

Свойство font-variant-alternates управляет использованием альтернативных глифов. На эти альтернативные глифы можно ссылаться по альтернативным именам, определенным в @font-feature-values.

Правило @font-feature-values может определять имена для альтернативных функций глифов (стилистика, набор стилей, вариант символа, перекос, орнамент или аннотация), связывая имя с параметрами OpenType. Это свойство позволяет использовать эти удобочитаемые имена (определенные в @font-feature-values) в таблице стилей.

Шрифт и Цвет

@font-face

Синтаксис¶

/* Keyword values */
font-variant-alternates: normal;
font-variant-alternates: historical-forms;

/* Functional notation values */
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);

/* Global values */
font-variant-alternates: initial;
font-variant-alternates: inherit;
font-variant-alternates: unset;

Значения¶

normal: отключает альтернативные глифы
historical-forms: Это ключевое слово включает исторические формы - глифы, которые были распространены в прошлом, но не сегодня. Ему соответствует значение hist в OpenType.
stylistic(): Эта функция позволяет изменять стили для отдельных символов. Параметр - это имя для конкретного шрифта, сопоставленное с числом. Это соответствует значению salt OpenType, например salt 2.
styleset(): Эта функция позволяет использовать стилистические альтернативы для наборов символов. Параметр - это имя для конкретного шрифта, сопоставленное с числом. Он соответствует значению OpenType ssXY, например ss02.
character-variant(): Эта функция позволяет использовать определенные стилистические варианты для персонажей. Он похож на styleset(), но не создает согласованных глифов для набора символов; отдельные персонажи будут иметь независимые и не обязательно согласованные стили. Параметр - это имя для конкретного шрифта, сопоставленное с числом. Он соответствует значению OpenType cvXY, например cv02.
swash(): Эта функция включает глифы автомата перекоса. Параметр - это имя для конкретного шрифта, сопоставленное с числом. Он соответствует значениям swsh и cswh OpenType, например swsh 2 и cswh 2.
ornaments(): Эта функция позволяет использовать украшения, такие как флероны и другие символы дингбата. Параметр - это имя для конкретного шрифта, сопоставленное с числом. Он соответствует значению OpenType ornm, например ornm 2.
annotation(): Эта функция включает аннотации, такие как цифры в кружках или инвертированные символы. Параметр - это имя для конкретного шрифта, сопоставленное с числом. Он соответствует значению OpenType nalt, как nalt 2.

Определение¶


Начальное значение	`normal`
Применяется ко	всем элементам, включая `::first-letter` и `::first-line`.
Наследуется	да
Вычисленное значение	как определено
Тип анимации	дискретный

Поддержка браузерами¶

Пример¶

HTML

<p>Firefox rocks!</p>
<p class="variant">Firefox rocks!</p>

CSS

@font-feature-values "Leitura Display Swashes" {
    @swash {
        fancy: 1;
    }
}

p {
    font-size: 1.5rem;
}

.variant {
    font-family: Leitura Display Swashes;
    font-variant-alternates: swash(fancy);
}

Ссылки¶

Свойство font-variant-alternates ^{MDN (рус.)}