font-palette

The font-palette CSS property allows specifying one of the many palettes contained in a color font that a user agent may use for the font. Users can also override the values in a palette or create a new palette by using the @font-palette-values at-rule.

Note: A font-palette palette takes precedence when coloring a font. The color property will not override a font palette, even if specified with !important.

Values: This property is specified as a single value from the following list:

Values: normal Specifies the default color palette or the default glyph colorization (set by the font maker) to be used for the font. With this setting, the palette in the font at index 0 is rendered. light Specifies the first palette in the font that matches ‘light’ to be used for the font. Some fonts contain metadata that identify a palette as applicable for a light (close to white) background. If a font does not have this metadata, the light value behaves as normal. dark Specifies the first palette in the font that matches ‘dark’ to be used for the font. Some fonts contain metadata that identify a palette as applicable for a dark (close to black) background.

Syntax example: font-palette: normal;