Caniuse: Color Fonts including SVG-in-OT fonts
It would be great if the browser support for SVG-in-OT fonts would be listed.
Example page:
http://xerographer.github.io/reinebow/
"This is a SVG-in-OT Color Font. [as of 2016-06-07] Only Firefox, Thunderbird and other Gecko-based applications can display the color version."
tobireif
All 13 comments
+1
Ugoku
on 7 Jun 2016
+1
I demonstrated such fonts last week in a talk at Scotland CSS. using Frefox). People really like them. Supposed to be coming to Windows 10, too:
http://typedrawers.com/discussion/1499/opentype-svg-color-fonts-coming-to-windows-10
A useful blog posting about building such a font (tools, etc)
https://pixelambacht.nl/2016/building-bixa-color/
Specification:
https://www.microsoft.com/typography/otspec/svg.htm
and
https://www.microsoft.com/typography/otspec/cpal.htm
Test:
https://pixelambacht.nl/demo/color-font-test.html
source at
https://github.com/RoelN/ChromaCheck
svgeesus
on 7 Jun 2016
Related: #2458
svgeesus
on 7 Jun 2016
I wrote: https://github.com/eosrei/scfbuild to make SVGinOT fonts: https://github.com/eosrei/emojione-color-font and re-used it to build the xerographer fonts. Happy to answer any questions.
13rac1
on 7 Jun 2016
Also see @bramstein's overview of color font support (and the links at the bottom there). ChromaCheck can also be accessed directly here. It is a bit more reliable than the "color-font-test.html" one.
RoelN
on 8 Jun 2016
13rac1
on 5 Sep 2016
Related: #1522
13rac1
on 5 Sep 2016
Subset of #1018.
Crissov
on 4 May 2017
This particular color font format is also the color format supported by Adobe, including in latest versions of Illustrator and Photoshop. Firefox and Edge also support it.
tphinney
on 6 Nov 2017
Some browser support info is at https://www.colorfonts.wtf/ → "Web browsers".
tobireif
on 7 Nov 2017
+1
Also @tobireif, as "color fonts" seems to be the adopted term, maybe you could rename this issue?
tcharlss
on 18 May 2019
Well... SVG-in-OT can be used for reasons of supporting color, which is what that particular site is on about. But it can _also_ be used for reasons of gradient support, or any number of other graphics features particular to the format.
tphinney
on 18 May 2019
These tickets seem related:
https://github.com/Fyrd/caniuse/issues/1018
https://github.com/Fyrd/caniuse/issues/2458
tobireif
on 20 May 2019
Related issues
dnknn
·
3Comments
valioDOTch
·
3Comments
SteveALee
·
3Comments
myfonj
·
3Comments
greigs
·
3Comments
Most helpful comment
Also see @bramstein's overview of color font support (and the links at the bottom there). ChromaCheck can also be accessed directly here. It is a bit more reliable than the "color-font-test.html" one.