A tiny guide to Variable Color Fonts

Variable color fonts, how do they work? What can you do with them? Are they going to change the web? Well I don’t know all answers, but I’ll give you an initiation. I hope this tiny guide, combined with links to pieces written by people much smarter than me, will clear up some things!

As variable color fonts are fairly new, there is much to explore. What are the limits, how do browsers handle them? And as fonts can become much more than just letters, the adventure doesn’t end at the ‘A to Z’. So scroll along, and if you want to give it a go yourself, at the end you find an asset pack which includes font files and an example webpage!

Need some inspiration?

View at the Variable Color Font initials

Or have a look at my Variable Color Font Experiments

Want to create typefaces? Glyphs offers a free trail and many tutorials:

www.glyphsapp.com