CSSFontFeatureValuesRule
CSSFontFeatureValuesRule
接口表示一个 @font-feature-values
at 规则,允许开发人员为每个字体面分配一个通用名称来指定要在 font-variant-alternates
中使用的功能索引。
实例属性
继承其祖先 CSSRule
的属性。
CSSFontFeatureValuesRule.fontFamily
-
一个字符串,标识此规则适用的字体系列。
实例方法
继承其祖先 CSSRule
的方法。
示例
读取字体系列
在此示例中,我们声明了两个 @font-feature-values
,一个用于 Font One 字体系列,另一个用于 Font Two。然后,我们使用 CSSOM 读取这些字体系列,并将它们显示到日志中。
HTML
html
<pre id="log"></pre>
CSS
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
js
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 字体模块级别 4 # cssfontfeaturevaluesrule |
浏览器兼容性
BCD 表格仅在浏览器中加载