Regra @font-palette-values do CSS

Definição e uso

CSS @font-palette-values A regra é usada para definir os valores padrão de paletão de fontes personalizadas.

Exemplo

Valores padrão de paletão de fontes personalizadas:

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

Experimente você mesmo

Sintaxe CSS

@font-palette-values --identifier {
  um ou mais descritores
}

Valor do atributo

Valor Descrição
font-family Definir o nome da família de fontes aplicável a este paletão.
base-palette Definir o nome ou o índice do paletão básico a ser usado.
override-colors Definir as cores do paletão básico a ser coberto.

Suporte do navegador

Os números na tabela representam a versão do navegador que suporta completamente a regra @.

Chrome Edge Firefox Safari Opera
101 101 107 15.4 87