base-palette

基线 2022

最新可用

2022年11月起,此功能可在最新的设备和浏览器版本中使用。此功能可能在较旧的设备或浏览器中无法使用。

base-palette CSS 描述符 用于指定用于创建新调色板的预定义调色板的名称或索引。如果指定的 base-palette 不存在,则将使用索引 0 处定义的调色板。

语法

css
@font-palette-values --one {
  base-palette: 1;
}

base-palette 描述符 使用字体制作人员创建的调色板的从零开始的索引进行指定。

<index>

指定要使用的预定义调色板的索引。

正式定义

相关 @规则@font-palette-values
初始值n/a(必需)
计算值如指定

正式语法

base-palette = 
light |
dark |
<integer [0,∞]>

示例

更改字体中的默认调色板

使用 Rocher Color 字体,此示例显示了切换字体中默认调色板到字体制作人员创建的备用调色板的两个实例。

HTML

html
<h2>default base-palette</h2>
<h2 class="two">base-palette at index 2</h2>
<h2 class="five">base-palette at index 5</h2>

CSS

css
@font-face {
  font-family: "Rocher";
  src: url("[path-to-font]/RocherColorGX.woff2") format("woff2");
}

h2 {
  font-family: "Rocher";
}

@font-palette-values --two {
  font-family: "Rocher";
  base-palette: 2;
}

@font-palette-values --five {
  font-family: "Rocher";
  base-palette: 5;
}

.two {
  font-palette: --two;
}

.five {
  font-palette: --five;
}

结果

Example showing 3 different base-palettes of Rocher color font

规范

规范
CSS 字体模块级别 4
# base-palette-desc

浏览器兼容性

BCD 表仅在浏览器中加载

另请参阅