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, niedrige OpenType- oder TrueType-Schriftvariationen in der @font-face-At-Regel anzugeben. Die Werte für diesen Deskriptor sind dieselben wie für die font-variation-settings-Eigenschaft, abgesehen von den globalen Schlüsselwortwerten.
Da dieser Deskriptor Variationswerte auf dem Schriftobjekt in der @font-face at-Regel festlegt und nicht auf ein ganzes Element, können nur einige Glyphen in einem Element unter Verwendung dieses Deskriptors 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 mit den Standardeinstellungen layoutet.
<string> <number>-
Beim Rendern von Text wird die Liste der OpenType-Achsennamen an die Text-Layout-Engine übergeben, um Schriftmerkmale zu aktivieren oder zu deaktivieren. Jede Einstellung ist immer ein
<string>von 4 ASCII Zeichen, gefolgt von einer<number>die den Achsenwert angibt. Wenn das<string>mehr oder weniger Zeichen hat oder Zeichen außerhalb des Codepunktebereichs U+20 - U+7E enthält, ist die gesamte Eigenschaft ungültig. Das<number>kann fractional 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 Schriftgewicht und Weite 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
Siehe auch
- Andere
@font-faceDeskriptoren:font-display,font-family,font-feature-settings,font-stretch,font-style,font-weight,src,unicode-range - Zugehörige Schrifteigenschaften:
font-feature-settings,font-variation-settings