base-palette
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;
}
结果
规范
规范 |
---|
CSS 字体模块级别 4 # base-palette-desc |
浏览器兼容性
BCD 表仅在浏览器中加载