CSS @font-palette-values Rule

定義と使用法

CSS @font-palette-values カスタムフォントパレットのデフォルト値を設定する規則です。

カスタムフォントパレットのデフォルト値:

@font-palette-values --greenAndYellow {
  font-family: "Bungee Spice";
  override-colors: 0 ゆず色, 1 グリーン;
}
@font-palette-values --pinkAndGray {
  font-family: "Bungee Spice";
  override-colors: 0 ピンクピンク, 1 グレー;
}
.alt1 {
  font-palette: --greenAndYellow;
}
.alt2 {
  font-palette: --pinkAndGray;
}

自分で試してみてください

CSS 文法

@font-palette-values --identifier {
  1つ以上のディスクリプタ
}

属性値

説明
font-family このパレットが適用できるフォントファミリーの名前を定義します。
base-palette 使用する基本パレットの名前またはインデックスを定義します。
override-colors カバーする基本パレットの色を定義します。

ブラウザのサポート

テーブルの数字は、この @ 规則を完全にサポートする最初のブラウザのバージョンを示しています。

Chrome Edge Firefox Safari Opera
101 101 107 15.4 87