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