we have been trying to create a font with different layers, but we are not able to make it work with some devices. We have been successful in building it for working with IE and Firefox, but it is not working for the other browsers (it is displaying only the black contourn).
We have seen that in 2013 Glyphs was not supporting the creation of Emoji fonts, but I see them as a custom coloured fonts, aren’t they? Could you please give us some advice in order to create them?
Different browsers/systems support different kinds of color fonts. There is a chapter about it in the handbook. And there are some recent additions for SVG-based color fonts that are only documented in the blog post: https://www.glyphsapp.com/blog/new-features-in-glyphs-2-4
The main problem is that there are several formats of color fonts and most browsers do support only some of them. Firefox does support Colr/Cpal and SVG fonts, Internet explorer (win10) supplest those and Apples sbix and Safari only sbix. Chrome in win10 supports Colr/Cpal but not its own color format.
So you need sbix and Colr (or SVG) table to support most users.
The main problem we have is that we are not expert users of Glyphs, so it is difficult to understand how to make it without a tutorial…is there any tutorial available?
I think there are some steps hidden in that tutorials, In order to create a font for all browsers:
Should I have differents layers (SVG, Bitmap, iColor…) and it would export successfully?
What I have to put on the master layer (if we keep it blank we are not able to display nothing, however if we put anything else we will see black contorn)
Can we put sbix and CPAL tables together or we have to create 2 different fonts?
Using bitmaps thw width of the font is not working correctly