Color Fonts including SVG-in-OT fonts

[tobireif]

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."

[Ugoku]

+1

[svgeesus]

+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]

Related: #2458

[13rac1]

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.

[RoelN]

Also see @bramstein's overview of [color font support](http://stateofwebtype.com/#Color fonts) (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.

[13rac1]

+1

The vote count is based on +1s in each issue's comments

src: http://caniuse.com/issue-list

[13rac1]

Related: #1522

[Crissov]

Subset of #1018.

[tphinney]

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.

[tobireif]

Some browser support info is at https://www.colorfonts.wtf/ → "Web browsers".

[tcharlss]

+1
Also @tobireif, as "color fonts" seems to be the adopted term, maybe you could rename this issue?

[tphinney]

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.