Color fonts

COLRv0

COLRv0 fonts are limited to solid colors. COLRv0 is supported by all web browsers. They work in Sketch app and the Affinity suite of applications. The professional font creation tools Glyphs and FontLab can both be used to create COLRv0 typefaces.

COLRv1

COLRv1 supports gradients and other visual effects. COLRv1 is supported by Firefox, Chrome, Samsung Internet and Edge browsers. COLRv1 fonts are not currently supported in any design tools. FontLab can be used to create COLRv1 typefaces.

OpenType-SVG

OpenType-SVG is supported by Safari and Firefox. They work in most Adobe applications (currently not compatible with Adobe XD, Premiere Pro, and After Effects).

There are currently more OpenType-SVG fonts than any other format, albeit of varying quality and, lacking the backing of Google Fonts, primarily commercially sold rather than free and open source. Below is only a partial selection of what’s available.

sbix

sbix was developed by Apple. Apple’s emoji font is the most well known sbix font. Few fonts have been released in this format. sbix embeds bitmap images inside the font. sbix fonts tend to have a large file size, so are not usually a good option for websites. sbix fonts are supported in most Adobe design software and Chrome, Edge and Safari browsers, but are not supported by Firefox.

Some fonts are available in multiple formats:

*Only the COLR versions are variable as OpenType-SVG and sbix do not support font variations.