Color font consulte

Gaspar Muñoz

*******
Hello! My name is Gaspar Muñoz, from Chile. sorry for not using my name on my nickmane, i forgot when i signed up :smile. I have a question about how to superimpose the glyphs at the time of writing. For this example I used color font in FontLab7, but the interface is somewhat complicated to understand, can Glyphs or other software perform this same action? I will be attentive to any comment. Greetings to all and take care.

Erwin Denissen

Yes, this is how you can make color fonts in all popular font editors. The inside in your example has a white fill color, and as the next character is drawn over the previous ones, they look like this. It is next to impossible to get the effect the other way around.

Be aware support for color fonts is not widely spread. See this tutorial:

Create OpenType Color Fonts

Georg Seifert

What @Erwin Denissen said. We have a tutorial, too:  Creating a Layered Color Font    

Gaspar Muñoz

Thanks @Erwin Denissen & Georg Seifert! In glyphs I have made it work and display as it looks in the gif, but what would be the best way to export? I have tried: https://glyphsapp.com/tutorials/creating-an-svg-color-font. But it keeps exporting the two layers. Thank you very much.

Daniel Weiand

I used a different approach.
Toshi Omagari has a tutorial on his GitHub here: https://github.com/Tosche/Pixel-Color-Font-with-Glyphs
It’s meant for his pixel pen tool, but the principle can be transferred.
That way you have one color font instead of three coloured fonts that need to overlap.
I’m not exactly sure about the metrics though. So far I have the master layer spaced and the coloured layers underneath have a different spacing, but in the end when I test install it and try it the metrics from the master layer are applied. I’m not sure if it’s a good way, but so far I haven’t encountered any problems.

Gaspar Muñoz

Thanks to all, I was able to achieve it in Glyphs, thanks to this Script https://github.com/mekkablue/Glyphs-Scripts (Color Font-Convert Layerfont to CPAL+COLR Font.py) 

Georg Seifert

If you use a two master setup (with a "Master Color" parameter in each master), in
instances, add a "Color Layers to SVG" and a "Export SVG Table".