Aturan @font-palette-values CSS

Definisi dan penggunaan

CSS @font-palette-values Aturan digunakan untuk menyesuaikan nilai default palet font.

Contoh

Nilai default palet font yang disesuaikan:

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

Coba sendiri

Syarat CSS

@font-palette-values --identifier {
  satu atau lebih deskriptor
}

Nilai atribut

Nilai Deskripsi
font-family Definiskan nama keluarga font yang dapat diterapkan di palet ini.
base-palette Definiskan nama atau indeks palet dasar yang akan digunakan.
override-colors Definiskan warna di palet dasar yang akan ditutupi.

Dukungan browser

Angka di tabel menunjukkan versi browser yang pertama yang sepenuhnya mendukung @ aturan ini.

Chrome Edge Firefox Safari Opera
101 101 107 15.4 87