Règle @font-palette-values CSS

Définition et utilisation

CSS @font-palette-values La règle est utilisée pour définir les valeurs par défaut des palettes de polices d'écriture personnalisées.

Exemple

Valeurs par défaut personnalisées des palettes de polices d'écriture :

@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;
}

Essayez-le vous-même

Syntaxe CSS

@font-palette-values --identifier {
  un ou plusieurs descripteurs
}

Valeur de l'attribut

Valeur Description
font-family Définir le nom de la famille de polices applicable à ce palier de couleurs.
base-palette Définir le nom ou l'index du palier de base à utiliser.
override-colors Définir les couleurs du palier de base à couvrir.

Support du navigateur

Les nombres dans le tableau représentent la version du navigateur la première à prendre en charge cette règle @.

Chrome Edge Firefox Safari Opera
101 101 107 15.4 87