Spec-Zone.ru › Web APIs

CSSFontFeatureValuesRule

Базовая поддержка 2023 *
Новая возможность

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

* Некоторые части этой функции могут иметь различный уровень поддержки.

  • Подробнее
  • Полная совместимость
  • Отправить отзыв

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

CSSRule CSSFontFeatureValuesRule

Свойства экземпляра

Наследует свойства от своего предка CSSRule.

CSSFontFeatureValuesRule.fontFamily

Строка, определяющая семейство шрифтов, к которому применяется это правило.

Методы экземпляра

Наследует методы от своего предка CSSRule.

Примеры

Чтение семейства шрифтов

В этом примере мы объявляем два @font-feature-values, один для семейства шрифтов Font One, а другой — для Font Two. Затем мы используем CSSOM для чтения этих семейств шрифтов, отображая их в журнале.

HTML

<pre id="log"></pre>

CSS

/* 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);
}

JavaScript

const log = document.getElementById("log");
const rules = document.styleSheets[document.styleSheets.length - 1].cssRules;

const fontOne = rules[0]; // A CSSFontFeatureValuesRule
log.textContent = `The 1st '@font-feature-values' family: "${fontOne.fontFamily}".\n`;

const fontTwo = rules[1]; // Another CSSFontFeatureValuesRule
log.textContent += `The 2nd '@font-feature-values' family: "${fontTwo.fontFamily}".`;

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

Спецификация
CSS Fonts Module Level 4
# cssfontfeaturevaluesrule

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

Рабочие столы Мобильные устройства
Chrome Edge Firefox Opera Safari Chrome Android Firefox для Android Opera Android Safari на iOS Samsung Internet WebView Android
CSSFontFeatureValuesRule 111 111 34 97 16.2 111 34 75 16.2 22.0 111
annotation 111 111 Нет 97 Нет 111 Нет 75 Нет 22.0 111
characterVariant 111 111 Нет 97 Нет 111 Нет 75 Нет 22.0 111
fontFamily 111 111 34 97 16.2 111 34 75 16.2 22.0 111
ornaments 111 111 Нет 97 Нет 111 Нет 75 Нет 22.0 111
styleset 111 111 Нет 97 Нет 111 Нет 75 Нет 22.0 111
stylistic 111 111 Нет 97 Нет 111 Нет 75 Нет 22.0 111
swash 111 111 Нет 97 Нет 111 Нет 75 Нет 22.0 111

См. также

  • @font-feature-values

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

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API