CSSFontFeatureValuesRule
Baseline 2023
Newly available
Since March 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Die CSSFontFeatureValuesRule
-Schnittstelle repräsentiert eine @font-feature-values
At-Regel, die es Entwicklern ermöglicht, für jede Schriftart einen gemeinsamen Namen zuzuweisen, um Feature-Indizes festzulegen, die in font-variant-alternates
verwendet werden sollen.
Instanz-Eigenschaften
Erbt Eigenschaften von seinem Vorfahren CSSRule
.
CSSFontFeatureValuesRule.fontFamily
-
Ein String, der die Schriftfamilie identifiziert, für die diese Regel gilt.
Instanz-Methoden
Erbt Methoden von seinem Vorfahren CSSRule
.
Beispiele
Schriftfamilie lesen
In diesem Beispiel deklarieren wir zwei @font-feature-values
, eine für die Schriftfamilie Font One und die andere für Font Two. Anschließend verwenden wir das CSSOM, um diese Schriftfamilien auszulesen und protokollieren sie.
HTML
<pre id="log"></pre>
CSS
/* At-rule for "nice-style" in Font One */
@font-feature-values Font One {
@styleset {
nice-style: 12;
}
}
/* At-rule for "nice-style" in Font Two */
@font-feature-values Font Two {
@styleset {
nice-style: 4;
}
}
/* Apply the at-rules with a single declaration */
.nice-look {
font-variant-alternates: styleset(nice-style);
}
JavaScript
const log = document.getElementById("log");
const rules = document.styleSheets[document.styleSheets.length - 1].cssRules;
const fontOne = rules[0]; // A CSSFontFeatureValuesRule
log.textContent = `The 1st '@font-feature-values' family: "${fontOne.fontFamily}".\n`;
const fontTwo = rules[1]; // Another CSSFontFeatureValuesRule
log.textContent += `The 2nd '@font-feature-values' family: "${fontTwo.fontFamily}".`;
Spezifikationen
Specification |
---|
CSS Fonts Module Level 4 # cssfontfeaturevaluesrule |
Browser-Kompatibilität
BCD tables only load in the browser