font-variant

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨Juli 2015⁩.

Das font-variant Attribut gibt an, ob der Text unter Verwendung von Variationen der Glyphen der Schriftart gerendert werden soll.

Hinweis: Als Präsentationsattribut hat font-variant auch ein entsprechendes CSS-Eigenschafts-Pendant: font-variant. Wenn beide angegeben sind, hat die CSS-Eigenschaft Vorrang.

Dieses Attribut kann mit den folgenden SVG-Elementen verwendet werden:

Beispiele

SVG-Schriftartvariationen steuern

html

<svg viewBox="0 0 250 30" xmlns="http://www.w3.org/2000/svg">
  <text y="20" font-variant="normal">Normal text</text>
  <text x="100" y="20" font-variant="small-caps">Small-caps text</text>
</svg>

Nutzungshinweise

Wert	`normal` \| `none` \| [ `<common-lig-values>` \|\| `<discretionary-lig-values>` \|\| `<historical-lig-values>` \|\| `<contextual-alt-values>` \|\| `stylistic( <feature-value-name> )` \|\| `historical-forms` \|\| `styleset( <feature-value-name># )` \|\| `character-variant( <feature-value-name># )` \|\| `swash( <feature-value-name> )` \|\| `ornaments( <feature-value-name> )` \|\| `annotation( <feature-value-name> )` \|\| [ `small-caps` \| `all-small-caps` \| `petite-caps` \| `all-petite-caps` \| `unicase` \| `titling-caps` ] \|\| `<numeric-figure-values>` \|\| `<numeric-spacing-values>` \|\| `<numeric-fraction-values>` \|\| `ordinal` \|\| `slashed-zero` \|\| `<east-asian-variant-values>` \|\| `<east-asian-width-values>` \|\| `ruby` ]
Standardwert	`normal`
Animierbar	Ja

Für eine Beschreibung der Werte beziehen Sie sich bitte auf die CSS font-variant Eigenschaft.

Spezifikationen

Specification
CSS Fonts Module Level 4 # font-variant-prop
Scalable Vector Graphics (SVG) 2 # FontVariantProperty

Browser-Kompatibilität

Siehe auch

CSS font-variant Eigenschaft

Help improve MDN

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

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