CSSFontFeatureValuesRule
Baseline
2025
*
Newly available
Since March 2025, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
* Some parts of this feature may have varying levels of support.
Das CSSFontFeatureValuesRule-Interface repräsentiert eine @font-feature-values at-rule, die Entwicklern ermöglicht, jeder Schriftart ein gemeinsamer Name zuzuweisen, um die Features-Indizes zu spezifizieren, die in font-variant-alternates verwendet werden sollen.
Instanzeigenschaften
Erbt Eigenschaften von seinem Vorfahren CSSRule.
CSSFontFeatureValuesRule.fontFamily-
Ein String, der die Schriftfamilie identifiziert, auf die diese Regel angewendet wird.
Instanzmethoden
Erbt Methoden von seinem Vorfahren CSSRule.
Beispiele
Schriftfamilie lesen
In diesem Beispiel definieren wir zwei @font-feature-values, eine für die Schriftfamilie Font One und die andere für Font Two. Anschließend verwenden wir die CSSOM, um diese Schriftfamilien zu lesen und sie im Log anzuzeigen.
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.getElementById("css-output").sheet.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 |