Diefont-variant-alternatesCSS Eigenschaft steuert die Verwendung von alternativen Glyphen. Diese alternativen Glyphen können durch alternative Namen referenziert werden, die in@font-feature-values definiert sind.

Die@font-feature-values Regel kann verwendet werden, um für eine bestimmte Schriftart einen lesbaren Namen mit einem numerischen Index zu verknüpfen, der ein bestimmtes OpenType-Schriftmerkmal steuert. Für Merkmale, die alternative Glyphen auswählen (stylistic,styleset,character-variant,swash,ornament oderannotation), kann diefont-variant-alternates Eigenschaft dann den lesbaren Namen referenzieren, um das zugehörige Merkmal anzuwenden.

Dies ermöglicht CSS-Regeln, alternative Glyphen zu aktivieren, ohne die spezifischen Indexwerte kennen zu müssen, die eine bestimmte Schrift zur Steuerung verwendet.

Syntax

/* Keyword values */font-variant-alternates: normal;font-variant-alternates: historical-forms;/* Functional notation values */font-variant-alternates: stylistic(user-defined-ident);font-variant-alternates: styleset(user-defined-ident);font-variant-alternates: character-variant(user-defined-ident);font-variant-alternates: swash(user-defined-ident);font-variant-alternates: ornaments(user-defined-ident);font-variant-alternates: annotation(user-defined-ident);font-variant-alternates: swash(ident1) annotation(ident2);/* Global values */font-variant-alternates: inherit;font-variant-alternates: initial;font-variant-alternates: revert;font-variant-alternates: revert-layer;font-variant-alternates: unset;

Diese Eigenschaft kann in zwei Formen angegeben werden:

• entweder das Schlüsselwortnormal
• oder eines oder mehrere der unten aufgeführten Schlüsselwörter und Funktionen, getrennt durch Leerzeichen, in beliebiger Reihenfolge.

Werte

normal

Dieses Schlüsselwort deaktiviert alternative Glyphen.

historical-forms

Dieses Schlüsselwort aktiviert historische Formen — Glyphen, die in der Vergangenheit üblich waren, heute jedoch nicht mehr. Es entspricht dem OpenType-Werthist.

stylistic()

Diese Funktion aktiviert stilistische Alternativen für einzelne Zeichen. Der Parameter ist ein schriftartspezifischer Name, der einer Zahl zugeordnet ist. Es entspricht dem OpenType-Wertsalt, wiesalt 2.

styleset()

Diese Funktion aktiviert stilistische Alternativen für Zeichensätze. Der Parameter ist ein schriftartspezifischer Name, der einer Zahl zugeordnet ist. Es entspricht dem OpenType-WertssXY, wiess02.

character-variant()

Diese Funktion aktiviert spezifische stilistische Alternativen für Zeichen. Sie ist ähnlich wiestyleset(), erzeugt jedoch keine kohärenten Glyphen für einen Zeichensatz; einzelne Zeichen haben unabhängige und nicht unbedingt kohärente Stile. Der Parameter ist ein schriftartspezifischer Name, der einer Zahl zugeordnet ist. Es entspricht dem OpenType-WertcvXY, wiecv02.

swash()

Diese Funktion aktiviertSchwung Glyphen. Der Parameter ist ein schriftartspezifischer Name, der einer Zahl zugeordnet ist. Es entspricht den OpenType-Wertenswsh undcswh, wieswsh 2 undcswh 2.

ornaments()

Diese Funktion aktiviert Ornamente, wieFleurons und andere Dingbat-Glyphen. Der Parameter ist ein schriftartspezifischer Name, der einer Zahl zugeordnet ist. Es entspricht dem OpenType-Wertornm, wieornm 2.

Hinweis:Um die Textsemantik zu bewahren, sollten Schriftdesigner Ornamente, die nicht mit Unicode-Dingbat-Zeichen übereinstimmen, als ornamentale Varianten des Aufzählungszeichens (U+2022) einschließen. Beachten Sie, dass einige vorhandene Schriften diesen Rat nicht befolgen.

annotation()

Diese Funktion aktiviert Anmerkungen, wie umkreiste Ziffern oder invertierte Zeichen. Der Parameter ist ein schriftartspezifischer Name, der einer Zahl zugeordnet ist. Es entspricht dem OpenType-Wertnalt, wienalt 2.

Formale Definition

Formale Syntax

font-variant-alternates =
normal|
[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>)]

<feature-value-name> =
<ident>

Beispiele

Aktivieren von Schwung-Glyphen

In diesem Beispiel verwenden wir die@font-feature-values Regel, um einen Namen für dasswash Merkmal derMonteCarlo Schriftart zu definieren. Die Regel ordnet den Namen "fancy" dem Indexwert1 zu.

Wir können diesen Namen dann innerhalb vonfont-variant-alternates verwenden, um Schwünge für diese Schriftart zu aktivieren. Dies entspricht einer Zeile wiefont-feature-settings: "swsh" 1, mit dem Unterschied, dass das CSS, das das Merkmal anwendet, den für diese spezielle Schriftart benötigten Indexwert nicht enthalten oder kennen muss.

HTML

<p>A Fancy Swash</p><p>A Fancy Swash</p>

CSS

@font-face {  font-family: "MonteCarlo";  src: url("/shared-assets/fonts/monte-carlo/monte-carlo-regular.woff2");}@font-feature-values "MonteCarlo" {  @swash {    fancy: 1;  }}p {  font-family: "MonteCarlo", cursive;  font-size: 3rem;  margin: 0.7rem 3rem;}.variant {  font-variant-alternates: swash(fancy);}

Ergebnis

Spezifikationen

Browser-Kompatibilität

Siehe auch

• font-variant
• font-variant-caps
• font-variant-east-asian
• font-variant-emoji
• font-variant-ligatures
• font-variant-numeric
• font-variant-position
• @font-feature-values
• font-feature-settings