Interactive Greeting Card
Have a joyful new year!
The font in this interactive greeting card can dance. Well, at least if you help it by moving your mouse around ;o)
Enjoy and have a healthy happy 2019!
MOVE YOUR MOUSE!
The interpolation runs between two or more extremes (masters). The axes define how the variations take place. The typeface can become wider/narrower or bolder/lighter, for example.
Every instance in the design space can be selected in the layout software or via CSS. This means that the typeface can also be animated or react to user input, which is one of the big potentials of variable fonts.
I gave an extensive talk on variable fonts at the “Tag der Schrift” 2018 in Zurich.
Normally, three masters are enough for two axes, but since the shapes vary a lot, I added a fourth master. The movement of the points can be controlled better in that way.
A combination of the two axes is being calculated depending on the user’s mouse position: 10% weight and 75% dance or 50% weight and 12% dance, and so on. The user decides in which direction the dance is going.