@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

BCD tables only load in the browser

Siehe auch