CSSFontFaceRule: style-Eigenschaft
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 2015.
Die schreibgeschützte style-Eigenschaft der Schnittstelle CSSFontFaceRule gibt ein CSSFontFaceDescriptors-Objekt zurück, das die in der Regel @font-face verfügbaren Deskriptoren darstellt.
Wert
Ein CSSFontFaceDescriptors-Objekt.
Obwohl die style-Eigenschaft selbst schreibgeschützt ist, insofern Sie das CSSFontFaceDescriptors-Objekt nicht ersetzen können, können Sie dennoch direkt der style-Eigenschaft etwas zuweisen, was gleichbedeutend ist mit der Zuweisung zu ihrer cssText-Eigenschaft. Sie können das CSSFontFaceDescriptors-Objekt auch mit den Methoden setProperty() und removeProperty() ändern.
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. Die style-Eigenschaft gibt ein CSSFontFaceDescriptors-Objekt zurück, dessen Eigenschaften fontFamily, fontWeight und src mit den Informationen aus der Regel gefüllt sind.
@font-face {
font-family: "MyHelvetica";
src:
local("Helvetica Neue Bold"), local("HelveticaNeue-Bold"),
url("MgOpenModernaBold.woff2");
font-weight: bold;
}
const myRules = document.styleSheets[0].cssRules;
console.log(myRules[0].style); // A CSSFontFaceDescriptors
Spezifikationen
| Specification |
|---|
| CSS Fonts Module Level 4 # dom-cssfontfacerule-style |