Option C: natively from so-called Color layers.The latter can be either a layer font on different masters, a CPAL/COLR font, or an Apple-style sbix font. Option B: from an existing color font setup.svg image files, embedded on special svg layers. In Glyphs, there are three ways of getting SVG information into a font: This tutorial is about such OpenType-SVG color fonts. And occasionally, sou will see this logo for OpenType-SVG: The SVG table was mainly developed, and pushed, by Mozilla and Adobe. Fonts containing such an SVG table are most commonly referred to as OpenType-SVG, sometimes as SVG-in-OT, or simply as SVG color font. What makes OpenType fonts OpenType fonts is their internal structure, which is a collection of so-called OpenType tables, and one of these tables can be the SVG table, containing SVG-based information. Its desktop siblings, CFF/OTFs and TTFs, are also OpenType formats, both with their peculiarities and not as well-compressed as WOFF. There is more to it of course, but in a nutshell, WOFFs are compressed OpenType fonts. The webfont file formats in wide use today are WOFF and WOFF2. This tutorial is not about the deprecated legacy SVG font file format. Glyphs is an OpenType font editor, and therefore cannot produce SVG fonts like these. In other words, it was not even an OpenType font. That means: no kerning, no hinting, and none of the other good things OpenType tables can provide. Its filesize was huge compared to other font formats, and it offered nothing but plain outlines. Forget about it right away, because it was only really supported by Safari on early iPhones. SVG font formatДЇirstly, there used to be SVG as a webfont file format. So far, so good, but when we use the term in the realm of fonts, it can actually mean different things. When you look up SVG, you will find that it stands for Scalable Vector Graphics.

Use svg for font glyphs