CSSFontFaceRule

Baseline 已广泛支持

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

CSSFontFaceRule 接口表示一个 @font-face at-rule。

实例属性

继承自其祖先 CSSRule 的属性。

CSSFontFaceRule.style 只读: 返回一个 CSSStyleDeclaration 对象。

实例方法

继承其祖先 CSSRule 的方法。

示例

此示例使用了在 @font-face 页面上作为示例的 CSS。返回的第一个 CSSRule 将是 CSSFontFaceRule。

css

@font-face {
  font-family: "MyHelvetica";
  src:
    local("Helvetica Neue Bold"), local("HelveticaNeue-Bold"),
    url("MgOpenModernaBold.ttf");
  font-weight: bold;
}

const myRules = document.styleSheets[0].cssRules;
console.log(myRules[0]); // A CSSFontFaceRule

规范

规范
CSS 字体模块第 4 级 # om-fontface

浏览器兼容性

帮助改进 MDN

了解如何贡献

此页面最后修改于 2025 年 10 月 13 日，由 MDN 贡献者修改。

在 GitHub 上查看此页面 • 报告此内容的问题