@font-feature-values

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨März 2023⁩.

Die @font-feature-values CSS At-Regel ermöglicht es Ihnen, einen gemeinsamen Namen in der font-variant-alternates Eigenschaft für Funktionen zu verwenden, die in OpenType unterschiedlich aktiviert werden. Dies kann helfen, Ihr CSS zu vereinfachen, wenn Sie mehrere Schriftarten verwenden.

Die @font-feature-values At-Regel kann entweder auf der obersten Ebene Ihres CSS oder innerhalb einer beliebigen CSS-Bedingungsgruppen-At-Regel verwendet werden.

Syntax

css

@font-feature-values Font Name { font-display: swap; @styleset { nice-style: 12; } @swash { fancy: 2; } }

Jeder @font-feature-values Block kann eine Liste von Feature-Wert-Blöcken (unten aufgeführt) sowie den Deskriptor font-display enthalten.

Feature-Wert-Blöcke

@swash: Gibt einen Funktionsnamen an, der mit der swash() Funktionsnotation von font-variant-alternates funktioniert. Eine Swash-Feature-Wert-Definition erlaubt nur einen Wert: ident1: 2 ist gültig, aber ident2: 2 4 ist es nicht.
@annotation: Gibt einen Funktionsnamen an, der mit der annotation() Funktionsnotation von font-variant-alternates funktioniert. Eine Annotation-Feature-Wert-Definition erlaubt nur einen Wert: ident1: 2 ist gültig, aber ident2: 2 4 ist es nicht.
@ornaments: Gibt einen Funktionsnamen an, der mit der ornaments() Funktionsnotation von font-variant-alternates funktioniert. Eine Ornament-Feature-Wert-Definition erlaubt nur einen Wert: ident1: 2 ist gültig, aber ident2: 2 4 ist es nicht.
@stylistic: Gibt einen Funktionsnamen an, der mit der stylistic() Funktionsnotation von font-variant-alternates funktioniert. Eine Stylistic-Feature-Wert-Definition erlaubt nur einen Wert: ident1: 2 ist gültig, aber ident2: 2 4 ist es nicht.
@styleset: Gibt einen Funktionsnamen an, der mit der styleset() Funktionsnotation von font-variant-alternates funktioniert. Eine Styleset-Feature-Wert-Definition erlaubt eine unbegrenzte Anzahl von Werten: ident1: 2 4 12 1 wird den OpenType-Werten ss02, ss04, ss12 und ss01 zugeordnet. Beachten Sie, dass Werte größer als 99 gültig sind, aber keinen OpenType-Werten zugeordnet werden und ignoriert werden.
@character-variant: Gibt einen Funktionsnamen an, der mit der character-variant() Funktionsnotation von font-variant-alternates funktioniert. Eine Character-Variant-Feature-Wert-Definition erlaubt entweder einen oder zwei Werte: ident1: 3 wird cv03=1 zugeordnet, und ident2: 2 4 wird cv02=4 zugeordnet, aber ident2: 2 4 5 ist ungültig.

Formale Syntax

@font-feature-values = 
 @font-feature-values <family-name># { <declaration-rule-list> } 

<family-name> = 
 <string> |
 <custom-ident>+

Beispiele

Verwendung von @styleset in einer @font-feature-values Regel

css

/* At-rule for "nice-style" in Font One */ @font-feature-values Font One { @styleset { nice-style: 12; } } /* At-rule for "nice-style" in Font Two */ @font-feature-values Font Two { @styleset { nice-style: 4; } } /* Apply the at-rules with a single declaration */ .nice-look { font-variant-alternates: styleset(nice-style); }

Spezifikationen

Specification
CSS Fonts Module Level 4 # font-feature-values

Browser-Kompatibilität

Siehe auch

Die font-variant-alternates Eigenschaft, die Werte verwendet, die diese At-Regel definiert.

Help improve MDN

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

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