coderef

COLRv1Limited availability

COLRv1 is a font format that supports multi-color glyphs. COLRv1 extends COLRv0 to support gradients, transforms, and blending modes.

Not yet supported in all major browsers — check the table and provide a fallback.

Browser support

DesktopChrome
1–97Not supported
98+Supportedsince Feb 1, 2022
Current: 155
Edge
12–97Not supported
98+Supportedsince Feb 3, 2022
Current: 154
Firefox
1–106Not supported
107+Supportedsince Nov 15, 2022
Current: 157
Safari
✕Not supportedup to 27
Current: 27
MobileChrome Android
18–97Not supported
98+Supportedsince Feb 1, 2022
Current: 155
Firefox Android
4–106Not supported
107+Supportedsince Nov 15, 2022
Current: 157
Safari iOS
✕Not supportedup to 27
Current: 27

How to use

Not supported in Safari, Safari iOS. Use feature detection below and provide a fallback (or a polyfill) for those browsers.

Example

Full syntax and examples are on MDN — see the links below.

Feature detection

There’s no simple runtime check for this feature; rely on the support table and test in your target browsers.