CSS @font-palette-values Regel

Definition und Verwendung

CSS @font-palette-values Die Regel wird verwendet, um Standardwerte für benutzerdefinierte Schriftfarbenpaletten zu setzen.

Beispiel

Standardwerte für benutzerdefinierte Schriftfarbenpaletten:

@font-palette-values --greenAndYellow {
  font-family: "Bungee Spice";
  override-colors: 0 yellow, 1 green;
}
@font-palette-values --pinkAndGray {
  font-family: "Bungee Spice";
  override-colors: 0 hotpink, 1 gray;
}
.alt1 {
  font-palette: --greenAndYellow;
}
.alt2 {
  font-palette: --pinkAndGray;
}

Versuchen Sie es selbst

CSS-Syntax

@font-palette-values --identifier {
  one or more descriptors
}

Attributwert

Wert Beschreibung
font-family Definieren Sie den Namen der Schriftartsfamilie, die auf dieses Palette angewendet werden kann.
base-palette Definieren Sie den Namen oder den Index des zu verwendenden Basis-Palettes.
override-colors Definieren Sie die Farben im zu überdeckenden Basis-Palette.

Browser-Unterstützung

Die Zahlen in der Tabelle stellen die erste vollständige Browser-Version dar, die dieses @-Regel unterstützt.

Chrome Edge Firefox Safari Opera
101 101 107 15.4 87