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

瀏覽器相容性