font-variation-settings
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Der font-variation-settings
CSS Deskriptor ermöglicht es Autoren, niedrigstufige OpenType- oder TrueType-Schriftvariationen in der @font-face
-Regel anzugeben. Die Werte für diesen Deskriptor sind die gleichen wie für die font-variation-settings
-Eigenschaft, außer für die globalen Schlüsselwortwerte.
Da dieser Deskriptor die Variationswerte am Schriftobjekt in der @font-face
-Regel festlegt und nicht an einem gesamten Element, könnten nur einige Glyphen in einem Element mit diesem Deskriptor gerendert werden.
Syntax
/* Use the default settings */
font-variation-settings: normal;
/* Set values for OpenType axis names */
font-variation-settings: "xhgt" 0.7;
Werte
normal
-
Text wird unter Verwendung der Standardeinstellungen layoutiert.
<string> <number>
-
Beim Rendern von Text wird die Liste der OpenType-Achsen-Namen an die Textlayout-Engine übergeben, um Schriftmerkmale zu aktivieren oder zu deaktivieren. Jede Einstellung ist immer ein
<string>
aus 4 ASCII-Zeichen, gefolgt von einer<number>
, die den Achsenwert angibt. Wenn das<string>
mehr oder weniger Zeichen hat oder Zeichen außerhalb des Bereichs U+20 - U+7E enthält, ist die gesamte Eigenschaft ungültig. Die<number>
kann gebrochen oder negativ sein.
Formale Definition
Zugehörige @-Regel | @font-face |
---|---|
Anfangswert | normal |
Berechneter Wert | wie angegeben |
Formale Syntax
font-variation-settings =
normal |
[ <string> <number> ]#
Beispiele
>Festlegen von Schriftdicke und Streckung in einer @font-face-Regel
@font-face {
font-family: "OpenTypeFont";
src: url("open_type_font.woff2") format("woff2");
font-weight: normal;
font-style: normal;
font-variation-settings:
"wght" 400,
"wdth" 300;
}
Spezifikationen
Specification |
---|
CSS Fonts Module Level 4> # font-rend-desc> |
Browser-Kompatibilität
Loading…
Siehe auch
- Andere
@font-face
Deskriptoren:font-display
,font-family
,font-feature-settings
,font-stretch
,font-style
,font-weight
,src
,unicode-range
- Verwandte Schrifteigenschaften:
font-feature-settings
,font-variation-settings