@font-feature-values

Baseline 2023
Newly available

Since March 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

Die @font-feature-values CSS At-Regel erlaubt es, in der font-variant-alternates-Eigenschaft einen gemeinsamen Namen für unterschiedlich in OpenType aktivierte Features zu verwenden. Dies kann helfen, Ihr CSS zu vereinfachen, wenn Sie mehrere Schriftarten nutzen.

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

Syntax

Jeder @font-feature-values-Block enthält eine Liste von entweder Feature-Werte-Blöcken (unten aufgeführt) oder den font-display-Deskriptor.

Feature-Werte-Blöcke

@swash

Spezifiziert einen Feature-Namen, der mit der swash()-Funktionsnotation von font-variant-alternates funktioniert. Eine Swash-Feature-Wertedefinition erlaubt nur einen Wert: ident1: 2 ist gültig, aber ident2: 2 4 ist es nicht.

@annotation

Spezifiziert einen Feature-Namen, der mit der annotation()-Funktionsnotation von font-variant-alternates funktioniert. Eine Annotation-Feature-Wertedefinition erlaubt nur einen Wert: ident1: 2 ist gültig, aber ident2: 2 4 ist es nicht.

@ornaments

Spezifiziert einen Feature-Namen, der mit der ornaments()-Funktionsnotation von font-variant-alternates funktioniert. Eine Ornaments-Feature-Wertedefinition erlaubt nur einen Wert: ident1: 2 ist gültig, aber ident2: 2 4 ist es nicht.

@stylistic

Spezifiziert einen Feature-Namen, der mit der stylistic()-Funktionsnotation von font-variant-alternates funktioniert. Eine Stylistic-Feature-Wertedefinition erlaubt nur einen Wert: ident1: 2 ist gültig, aber ident2: 2 4 ist es nicht.

@styleset

Spezifiziert einen Feature-Namen, der mit der styleset()-Funktionsnotation von font-variant-alternates funktioniert. Eine Styleset-Feature-Wertedefinition 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 über 99 zwar gültig sind, aber keinen OpenType-Werten zugeordnet werden können und ignoriert werden.

@character-variant

Spezifiziert einen Feature-Namen, der mit der character-variant()-Funktionsnotation von font-variant-alternates funktioniert. Eine Character-Variant-Feature-Wertedefinition erlaubt entweder einen oder zwei Werte: ident1: 3 wird zu cv03=1, und ident2: 2 4 wird zu cv02=4, 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

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
@font-feature-values
@annotation
@character-variant
@historical-forms
@ornaments
@styleset
@stylistic
@swash

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support

Siehe auch