font-variant-alternates¶
Свойство font-variant-alternates
управляет использованием альтернативных глифов. На эти альтернативные глифы можно ссылаться по альтернативным именам, определенным в @font-feature-values
.
Правило @font-feature-values
может определять имена для альтернативных функций глифов (стилистика, набор стилей, вариант символа, перекос, орнамент или аннотация), связывая имя с параметрами OpenType. Это свойство позволяет использовать эти удобочитаемые имена (определенные в @font-feature-values
) в таблице стилей.
Шрифт и Цвет
- font
- font-family
- font-feature-settings
- font-kerning
- font-language-override
- font-optical-sizing
- font-size
- font-size-adjust
- font-stretch
- font-style
- font-synthesis
- font-variant
- font-variant-alternates
- font-variant-caps
- font-variant-east-asian
- font-variant-ligatures
- font-variant-numeric
- font-variant-position
- font-variation-settings
- font-weight
- line-height
Синтаксис¶
/* 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()
, но не создает согласованных глифов для набора символов; отдельные персонажи будут иметь независимые и не обязательно согласованные стили. Параметр - это имя для конкретного шрифта, сопоставленное с числом. Он соответствует значению OpenTypecvXY
, например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);
}
Ссылки¶
- Свойство
font-variant-alternates
MDN (рус.)