@font-feature-values

Базовая версия 2023

Новое

С марта 2023 года эта функция работает во всех последних версиях браузеров и устройств. Возможно, эта функция не будет работать на более старых устройствах или браузерах.

Это @font-feature-values CSS правило позволяет использовать общее имя в свойстве font-variant-alternates для функций, активируемых по-разному в OpenType. Это может помочь упростить ваш CSS при использовании нескольких шрифтов.

Это @font-feature-values правило может быть использовано как на верхнем уровне вашего CSS, так и внутри любого условного CSS-правила.

Синтаксис

Каждый @font-feature-values блок содержит список блоков значений функций (перечисленных ниже) или описателя font-display.

Блоки значений функций

@swash: Указывает имя функции, которое будет работать с функциональным обозначением swash() свойства font-variant-alternates. Определение значения функции штриховки позволяет только одно значение: ident1: 2 допустимо, но ident2: 2 4 — нет.
@annotation: Указывает имя функции, которое будет работать с функциональным обозначением annotation() свойства font-variant-alternates. Определение значения функции аннотации позволяет только одно значение: ident1: 2 допустимо, но ident2: 2 4 — нет.
@ornaments: Указывает имя функции, которое будет работать с функциональным обозначением ornaments() свойства font-variant-alternates. Определение значения функции украшений позволяет только одно значение: ident1: 2 допустимо, но ident2: 2 4 — нет.
@stylistic: Указывает имя функции, которое будет работать с функциональным обозначением stylistic() свойства font-variant-alternates. Определение значения функции стилистики позволяет только одно значение: ident1: 2 допустимо, но ident2: 2 4 — нет.
@styleset: Указывает имя функции, которое будет работать с функциональным обозначением styleset() свойства font-variant-alternates. Определение значения функции набора стилей позволяет неограниченное количество значений: ident1: 2 4 12 1 сопоставляется с значениями OpenType ss02, ss04, ss12, и ss01. Обратите внимание, что значения, большие чем 99 допустимы, но не сопоставляются с какими-либо значениями OpenType и игнорируются.
@character-variant: Указывает имя функции, которое будет работать с функциональным обозначением character-variant() свойства font-variant-alternates. Определение значения функции варианта символа позволяет одно или два значения: ident1: 3 сопоставляется с cv03=1, и ident2: 2 4 сопоставляется с cv02=4, но ident2: 2 4 5 недопустимо.

Формальный синтаксис

@font-feature-values = 
  @font-feature-values <family-name># { <declaration-rule-list> }  

<family-name> = 
  <string>         |
  <custom-ident>+

Примеры

Использование @styleset в правиле @font-feature-values

/* At-rule for "nice-style" in Font One */
@font-feature-values Font One {
  @styleset {
    nice-style: 12;
  }
}

/* At-rule for "nice-style" in Font Two */
@font-feature-values Font Two {
  @styleset {
    nice-style: 4;
  }
}

…

/* Apply the at-rules with a single declaration */
.nice-look {
  font-variant-alternates: styleset(nice-style);
}

Спецификации

Спецификация
CSS Fonts Module Level 4 # font-feature-values

Совместимость с браузерами

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari на IOS	Samsung Internet	WebView Android
`@font-feature-values`	111	111	34	97	9.1	111	34	75	9.3	22.0	111
`annotation`	111	111	34	97	9.1	111	34	75	9.3	22.0	111
`character-variant`	111	111	34	97	9.1	111	34	75	9.3	22.0	111
`historical-forms`	111	111	34	97	9.1	111	34	75	9.3	22.0	111
`ornaments`	111	111	34	97	9.1	111	34	75	9.3	22.0	111
`styleset`	111	111	34	97	9.1	111	34	75	9.3	22.0	111
`stylistic`	111	111	34	97	9.1	111	34	75	9.3	22.0	111
`swash`	111	111	34	97	9.1	111	34	75	9.3	22.0	111

См. также

Свойство font-variant-alternates, которое использует значения, определенные этим правилом.

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/CSS/@font-feature-values