Gradient Colour Layer in OpenType SVG font


#1

Hi,

I have looked everywhere for a tutorial to add gradient effects to glyphs in OpenType SVG fonts. I can use Glyphs to make layered colour fonts but really want gradient effects for symbols.

Is it possible in Glyphs? If so, how?


#2

This is not possible, yet. I’ll have a look. Could you send me a screenshot and some sample outlines of what you like to achieve? (Send it by direct message in the forum).


#3

I have written a couple of scripts to automate this process of exporting SVGs (with linear gradients) using the Drawbot plugin and importing them back. They are available on GitHub: https://github.com/harbortype/glyphs-scripts

You would need to adapt some JSON files with the layers and colors you want. It’s not a very intuitive process but it works nonetheless. This is why I decided to write these scripts:


#4

Hi Georg,

I can send a file but these were very simple exports in SVG from apps like Illustrator CC18 or Affinity.


#5

This looks very interesting and thank you for sharing. I will check it out!


#6