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 上檢視此頁面 • 報告此內容的問題