CSSFontFeatureValuesRule
Базовая поддержка 2023 *
Новая возможность
С марта 2023 года эта функция работает на последних устройствах и версиях браузеров. Возможно, эта функция не будет работать на более старых устройствах или браузерах.
* Некоторые части этой функции могут иметь различный уровень поддержки.
Интерфейс CSSFontFeatureValuesRule представляет собой @font-feature-values правило, позволяющее разработчикам назначить для каждого начертания шрифта общее имя для указания индексов функций, которые будут использоваться в font-variant-alternates.
Свойства экземпляра
Наследует свойства от своего предка 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 |
См. также
© 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