CSSFontFaceRule
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.
Die CSSFontFaceRule-Schnittstelle repräsentiert eine @font-face At-Regel.
Instanz-Eigenschaften
Erbt Eigenschaften von ihrem Vorfahren CSSRule.
CSSFontFaceRule.styleSchreibgeschützt-
Gibt ein
CSSFontFaceDescriptors-Objekt zurück, das das Lesen und Setzen der Deskriptoren der zugehörigen@font-face-At-Regel erlaubt.
Instanz-Methoden
Erbt Methoden von ihrem Vorfahren CSSRule.
Beispiele
Dieses Beispiel verwendet das CSS, das als Beispiel auf der @font-face-Seite zu finden ist. 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.woff2");
font-weight: bold;
}
js
const myRules = document.styleSheets[0].cssRules;
console.log(myRules[0]); // A CSSFontFaceRule
Spezifikationen
| Spezifikation |
|---|
| CSS Fonts Module Level 4 # om-fontface |