Перейти к содержанию

font-variant-alternates

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

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

Шрифт и Цвет

Синтаксис

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
/* 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.
Наследуется да
Вычисленное значение как определено
Тип анимации дискретный

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

Пример

1
2
<p>Firefox rocks!</p>
<p class="variant">Firefox rocks!</p>
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
@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);
}

Ссылки

Комментарии