CSS @font-palet-değerleri Kuralı

Tanımlama ve kullanım

CSS @font-palette-values Kural, özel yazı paletinin varsayılan değerlerini tanımlamak için kullanılır.

Örnek

Özel yazı paleti varsayılan değerleri:

@font-palette-values --greenAndYellow {
  font-family: "Bungee Spice";
  override-colors: 0 sarı, 1 yeşil;
}
@font-palette-values --pinkAndGray {
  font-family: "Bungee Spice";
  override-colors: 0 kırmızımsı pembe, 1 gri;
}
.alt1 {
  font-palette: --greenAndYellow;
}
.alt2 {
  font-palette: --pinkAndGray;
}

Kişisel olarak deneyin

CSS dilbilgisi

@font-palette-values --tanımlayıcı {
  Bir veya daha fazla tanımlayıcı
}

Özellik değeri

Değer Açıklama
font-family Bu paletin uygulanabileceği yazı tipli aile adını tanımlayın.
base-palette Kullanmak istediğiniz temel paletin adını veya indeksini tanımlayın.
override-colors Kapsamak istediğiniz temel paletindeki renkleri tanımlayın.

Tarayıcı desteği

Tablodaki rakamlar, bu @ kuralını tam olarak destekleyen ilk tarayıcı sürümünü gösterir.

Chrome Edge Firefox Safari Opera
101 101 107 15.4 87