font-variant

Baseline

Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.

Vollständige Kompatibilität anzeigen
Mehr erfahren

Das Attribut font-variant gibt an, ob der Text mit Varianten der Glyphen der Schriftart dargestellt werden soll.

Hinweis: Als Präsentationsattribut hat font-variant auch eine entsprechende CSS-Eigenschaft: font-variant. Wenn beide angegeben sind, hat die CSS-Eigenschaft Vorrang.

Sie können dieses Attribut mit den folgenden SVG-Elementen verwenden:

Beispiele

SVG-Schriftvarianten 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>

Verwendungshinweise

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

Eine Beschreibung der Werte finden Sie unter der CSS-Eigenschaft font-variant.

Spezifikationen

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

Browser-Kompatibilität

Siehe auch

CSS-Eigenschaft font-variant

Help improve MDN

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.

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