CSSFontFeatureValuesRule：fontFamily 属性
CSSConditionRule 接口的 fontFamily 属性表示它适用的字体系列的名称。
值
字符串。
示例
读取字体系列
在此示例中，我们声明了两个 @font-feature-values 规则，一个用于“Font One”字体系列，另一个用于“Font Two”。然后，我们使用 CSSOM 读取这些字体系列，并将它们显示在日志中。
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.getElementById("css-output").sheet.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 级 # dom-cssfontfeaturevaluesrule-fontfamily |
浏览器兼容性
加载中…