CSSFontFeatureValuesRule：fontFamily 属性

基线 2023

新可用

自 2023 年 3 月起，此功能可在最新的设备和浏览器版本中使用。此功能可能无法在较旧的设备或浏览器中使用。

fontFamily 属性是 CSSConditionRule 接口的一个属性，表示它应用到的字体系列的名称。

值

字符串。

示例

读取字体系列

在此示例中，我们声明了两个 @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.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
# dom-cssfontfeaturevaluesrule-fontfamily

浏览器兼容性

BCD 表格仅在浏览器中加载