CSSFontFaceRule: style 属性

Baseline 已广泛支持

此特性已相当成熟,可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来,各浏览器均已提供此特性。

CSSFontFaceRule 接口的只读 style 属性返回 @font-face at-rule 中的样式信息。这将是一个 CSSStyleDeclaration 对象。

一个 CSSStyleDeclaration 对象。

示例

此示例使用在 @font-face 页面上作为示例的 CSS。返回的第一个 CSSRule 将是一个 CSSFontFaceRulestyle 属性返回一个 CSSStyleDeclaration 对象,其中 fontFamilyfontWeightsrc 属性已从规则中填充了信息。

css
@font-face {
  font-family: "MyHelvetica";
  src:
    local("Helvetica Neue Bold"), local("HelveticaNeue-Bold"),
    url("MgOpenModernaBold.ttf");
  font-weight: bold;
}
js
const myRules = document.styleSheets[0].cssRules;
console.log(myRules[0].style); // A CSSStyleDeclaration

规范

规范
CSS 字体模块第 4 级
# dom-cssfontfacerule-style

浏览器兼容性