Fonts on the web have always been a single-color deal. It’s because a traditional font file doesn't hold color information, they contain vector shapes that are by default rendered as black text. To add color, you need to do it manually.

On the web, changing color to text is straightforward. We take an element…



…and color the text inside it with CSS:




The result is something like this:


I'm a single color...


What if we want to add some more colors to our letters?



I A M
C O L O R F U L


We couldn’t do that until, very recently, the SVG in Opentype technology came out.