Regola @font-palette-values CSS

Definizione e uso

CSS @font-palette-values La regola viene utilizzata per definire i valori predefiniti delle palette di font personalizzati.

Esempio

Valori predefiniti delle palette di font personalizzati:

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

Prova te stesso

Sintassi CSS

@font-palette-values --identifier {
  uno o più descrittori
}

Valore dell'attributo

Valore Descrizione
font-family Definire il nome della famiglia di font applicabile a questa palette.
base-palette Definire il nome o l'indice della palette di base da utilizzare.
override-colors Definire i colori della palette di base da coprire.

Supporto del browser

I numeri nella tabella rappresentano la versione del browser che supporta completamente la regola @.

Chrome Edge Firefox Safari Opera
101 101 107 15.4 87