Hands-On Guide to Color Fonts and @font-palette-values
A practical guide to color fonts (COLRv1 font format).
A practical guide to color fonts (COLRv1 font format) available on Google Fonts, covering everything from figuring out which color palettes are available in a font to using @font-palette-values in your CSS.
Mastering Prettier & Stylelint
Chapters
- 00:00 Intro
- 00:24 How to use color fonts available on Google Fonts
- 01:56 How to get info about available color palettes in a color font
- 02:48 How to use @font-palette-values to select a palette from a color font
- 04:27 How to override colors in a color font
- 05:18 How to use a different font palette for a dark mode
- 06:29 Browser support for color fonts (@font-palette-values)
- 06:51 Conclusion
