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, Low-Level-Variationen von OpenType oder TrueType-Schriften in der @font-face-Regel zu spezifizieren. Die Werte für diesen Deskriptor sind dieselben wie für die Eigenschaft font-variation-settings, mit Ausnahme der globalen Schlüsselwortwerte.

Da dieser Deskriptor Variationswerte am Schriftobjekt in der @font-face-Regel und nicht an einem gesamten Element festlegt, können nur einige Glyphen in einem Element unter Verwendung dieses Deskriptors dargestellt werden.

Syntax

css

/* 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 platziert.
<string> <number>: Beim Rendern von Text wird die Liste der OpenType-Achsnamen an die Textlayout-Engine übergeben, um Schriftmerkmale zu aktivieren oder zu deaktivieren. Jede Einstellung ist immer ein <string> mit 4 ASCII-Zeichen, gefolgt von einer <number>, die den Achswert 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. Der <number> kann bruchteilhaft 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

Einstellen von Schriftstärke und -breite in einer @font-face-Regel

css

@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-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

Help improve MDN

Learn how to contribute Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden