CSS @font-palette-values 規則

定義和用法

CSS @font-palette-values 規則用于自定義字體調色板的默認值。

實例

自定義字體調色板的默認值:

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

親自試一試

CSS 語法

@font-palette-values --identifier {
  one or more descriptors
}

屬性值

描述
font-family 定義此調色板可應用的字體家族名稱。
base-palette 定義要使用的基礎調色板的名稱或索引。
override-colors 定義要覆蓋的基礎調色板中的顏色。

瀏覽器支持

表格中的數字表示首個完全支持該 @ 規則的瀏覽器版本。

Chrome Edge Firefox Safari Opera
101 101 107 15.4 87