@font-feature-values
Baseline 2023Newly 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 @font-feature-values
CSS At-Regel erlaubt es, in der font-variant-alternates
-Eigenschaft einen gemeinsamen Namen für unterschiedlich in OpenType aktivierte Features zu verwenden. Dies kann helfen, Ihr CSS zu vereinfachen, wenn Sie mehrere Schriftarten nutzen.
Die @font-feature-values
-At-Regel kann entweder auf der obersten Ebene Ihres CSS oder innerhalb einer beliebigen CSS-Bedingungsgruppenregel verwendet werden.
Syntax
Jeder @font-feature-values
-Block enthält eine Liste von entweder Feature-Werte-Blöcken (unten aufgeführt) oder den font-display
-Deskriptor.
Feature-Werte-Blöcke
@swash
-
Spezifiziert einen Feature-Namen, der mit der
swash()
-Funktionsnotation vonfont-variant-alternates
funktioniert. Eine Swash-Feature-Wertedefinition erlaubt nur einen Wert:ident1: 2
ist gültig, aberident2: 2 4
ist es nicht. @annotation
-
Spezifiziert einen Feature-Namen, der mit der
annotation()
-Funktionsnotation vonfont-variant-alternates
funktioniert. Eine Annotation-Feature-Wertedefinition erlaubt nur einen Wert:ident1: 2
ist gültig, aberident2: 2 4
ist es nicht. @ornaments
-
Spezifiziert einen Feature-Namen, der mit der
ornaments()
-Funktionsnotation vonfont-variant-alternates
funktioniert. Eine Ornaments-Feature-Wertedefinition erlaubt nur einen Wert:ident1: 2
ist gültig, aberident2: 2 4
ist es nicht. @stylistic
-
Spezifiziert einen Feature-Namen, der mit der
stylistic()
-Funktionsnotation vonfont-variant-alternates
funktioniert. Eine Stylistic-Feature-Wertedefinition erlaubt nur einen Wert:ident1: 2
ist gültig, aberident2: 2 4
ist es nicht. @styleset
-
Spezifiziert einen Feature-Namen, der mit der
styleset()
-Funktionsnotation vonfont-variant-alternates
funktioniert. Eine Styleset-Feature-Wertedefinition erlaubt eine unbegrenzte Anzahl von Werten:ident1: 2 4 12 1
wird den OpenType-Wertenss02
,ss04
,ss12
undss01
zugeordnet. Beachten Sie, dass Werte über99
zwar gültig sind, aber keinen OpenType-Werten zugeordnet werden können und ignoriert werden. @character-variant
-
Spezifiziert einen Feature-Namen, der mit der
character-variant()
-Funktionsnotation vonfont-variant-alternates
funktioniert. Eine Character-Variant-Feature-Wertedefinition erlaubt entweder einen oder zwei Werte:ident1: 3
wird zucv03=1
, undident2: 2 4
wird zucv02=4
, aberident2: 2 4 5
ist ungültig.
Formale Syntax
@font-feature-values =
@font-feature-values <family-name># { <declaration-rule-list> }
<family-name> =
<string> |
<custom-ident>+
Beispiele
Verwendung von @styleset in einer @font-feature-values-Regel
/* 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);
}
Spezifikationen
Specification |
---|
CSS Fonts Module Level 4 # font-feature-values |
Browser-Kompatibilität
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
@font-feature-values | ||||||||||||
@annotation | ||||||||||||
@character-variant | ||||||||||||
@historical-forms | ||||||||||||
@ornaments | ||||||||||||
@styleset | ||||||||||||
@stylistic | ||||||||||||
@swash |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- No support
- No support
Siehe auch
- Die
font-variant-alternates
-Eigenschaft, die Werte nutzt, die durch diese At-Regel definiert werden.