CSSFontFaceRule

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2016.

CSSFontFaceRule インターフェイスは @font-face アットルールを表します。

CSSRule CSSFontFaceRule

インスタンスプロパティ

祖先である 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;
}
js
let myRules = document.styleSheets[0].cssRules;
console.log(myRules[0]); //a CSSFontFaceRule

仕様書

Specification
CSS Fonts Module Level 4
# om-fontface

ブラウザーの互換性

BCD tables only load in the browser