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.

Die CSSFontFaceRule-Schnittstelle repräsentiert eine @font-face at-rule.

CSSRule CSSFontFaceRule

Instanzeigenschaften

Erbt Eigenschaften von ihrem Vorfahren CSSRule.

CSSFontFaceRule.style Schreibgeschützt

Gibt ein CSSStyleDeclaration zurück.

Instanzmethoden

Erbt Methoden von ihrem Vorfahren CSSRule.

Beispiele

Dieses Beispiel verwendet das CSS, das als Beispiel auf der Seite @font-face gefunden wurde. Die erste zurückgegebene CSSRule wird eine CSSFontFaceRule sein.

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

Spezifikationen

Specification
CSS Fonts Module Level 4
# om-fontface

Browser-Kompatibilität

BCD tables only load in the browser