Regla @font-palette-values de CSS

Definición y uso

CSS @font-palette-values La regla se utiliza para definir los valores por defecto de paleta de fuentes personalizada.

Ejemplo

Valores por defecto de paleta de fuentes personalizada:

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

Prueba por ti mismo

Sintaxis de CSS

@font-palette-values --identificador {
  uno o más descriptores
}

Valor del atributo

Valor Descripción
font-family Definir el nombre de la familia de fuentes aplicable a este paleta.
base-palette Definir el nombre o índice del paleta base que se debe usar.
override-colors Definir los colores del paleta base que se debe cubrir.

Compatibilidad del navegador

Los números en la tabla representan la versión del navegador que completamente admite la @ regla.

Chrome Edge Firefox Safari Opera
101 101 107 15.4 87