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

font-variant-alternates

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

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

Шрифт и Цвет

Синтаксис

/* 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.
Наследуется да
Вычисленное значение как определено
Тип анимации дискретный

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

Пример

<p>Firefox rocks!</p>
<p class="variant">Firefox rocks!</p>
@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);
}

Ссылки