Дескриптор CSS-правила `base-palette`

Дескриптор base-palette CSS дескриптор используется для указания имени или индекса предопределённой палитры, которая будет использоваться при создании новой палитры. Если указанная base-palette не существует, будет использоваться палитра с индексом 0.

Синтаксис

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

Дескриптор base-palette дескриптор задаётся с помощью отсчитываемого от нуля индекса палитр, созданных создателем шрифта.

Значения

<index>

Задаёт индекс используемой предопределённой палитры.

Формальное определение

Формальный синтаксис

Примеры

Изменение палитры шрифта по умолчанию

В этом примере используется цветной шрифт Rocher, чтобы показать, как заменить палитру шрифта по умолчанию альтернативной палитрой, созданной автором шрифта.

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

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

h2 {
  font-family: "Rocher", fantasy;
}

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

Результат

Спецификации

Совместимость с браузерами

См. также

• @font-palette-values
• дескриптор font-family
• дескриптор override-colors
• свойство font-palette
• CSSFontPaletteValuesRule.basePalette