CSSFontFaceRule.style

style は CSSFontFaceRule インターフェイスの読み取り専用プロパティで、この @font-face アットルールからスタイル情報を返します。これは CSSStyleDeclaration オブジェクトの形です。

例

CSSStyleDeclaration です。

例

この例では、 @font-face ページに例として挙げられている CSS を使用しています。最初に返される CSSRule は CSSFontFaceRule となります。 style プロパティは CSSStyleDeclaration を返し、fontFamily, fontWeight, src プロパティにはルールの情報が現れます。

css

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

js

let myRules = document.styleSheets[0].cssRules;
  console.log(myRules[0].style); //a CSSStyleDeclaration

仕様書

Specification
CSS Fonts Module Level 4
# dom-cssfontfacerule-style

ブラウザーの互換性

BCD tables only load in the browser