Color Explosion in Letters
New font format COLRv1 allows storing gradients, shadows, and multiple colors inside letters. CSS gives us power to change these palettes.
Usage:
@font-palette-values --my-colors {
font-family: 'Nabla';
base-palette: 2; /* Select ready palette from font */
override-colors: 0 #ff00ea, 1 #00ffca; /* Or change colors to your own! */
}
h1 {
font-family: 'Nabla';
font-palette: --my-colors;
}
Important
Now fonts are not just black contours. They're full graphic objects that you configure directly in code.