Правило 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 --идентификатор {
  один или несколько описателей
}

Значение атрибута

Значение Описание
font-family Определите имя семейства шрифтов, к которому можно применить эту палитру.
base-palette Определите имя или индекс базового палитры, которую нужно использовать.
override-colors Определите цвета в базовом палитре, которые нужно покрыть.

Поддержка браузеров

Числа в таблице представляют собой версии браузеров, которые полностью поддерживают это @ правило.

Chrome Edge Firefox Safari Opera
101 101 107 15.4 87