There are several color font formats. This one can't do gradients. You can check your browser's support at https://pixelambacht.nl/chromacheck/ https://pixelamb

There are several color font formats. This one can't do gradients. You can check your browser's support at https://pixelambacht.nl/chromacheck/ https://pixelambacht.nl/chromacheck/. SBIX is Apple's format and it basically just embeds PNGs in the font which isn't scalable. COLRv0 is Microsoft's format and it basically just stacks single-color glyphs, so it's scalable but doesn't do gradients. COLRv1 is newer (2019) and adds support for gradients. Opentype-SVG is Mozilla and Adobe's format and it embeds SVGs for glyphs. You can do gradients and maybe even animation, and it scales. CBDT/CBLC is Google's format and it also includes bitmap images like SBIX. You can make fonts that support multiple of these with https://github.com/googlefonts/nanoemoji https://github.com/googlefonts/nanoemoji.