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 |