Я хочу настроить тумблер для включения/отключения этой функции. Когда он отключен, текст должен отображаться унаследованным цветом.
Я знаю, что палитры шрифтов можно переопределить с помощью @font-palette-values override-colors. Однако, похоже, там принимаются только «статические» значения цвета.
В следующем фрагменте показана простая демонстрация моей попытки.
Код: Выделить всё
/* Here we use the Bungee Spice font as an example */
@import url("https://fonts.googleapis.ac.cn/css2?family=Bungee+Spice");
@font-palette-values --RedOrangePalette {
font-family: "Bungee Spice";
override-colors: 0 green, 1 lime;
}
@font-palette-values --PlainPalette {
font-family: "Bungee Spice";
override-colors: 0 currentColor, 1 currentColor; /* not working */
}
.font-bungee-spice {
font-family: 'Bungee Spice';
}
.colored {
font-palette: --RedOrangePalette;
}
.plain {
font-palette: --PlainPalette;
}Код: Выделить всё
Here shows the colored and plain variant of a COLR font
Возможно ли, чтобы текст внутри использовал глиф шрифта Bungee Spice с унаследованным цветом шрифта?
Подробнее здесь: https://stackoverflow.com/questions/798 ... ide-colors
Мобильная версия