My first variable font

variable font demo

Since the announcement of OpenType Variable Fonts, I have been excited to try out the new format. For my first experiment, I decided to keep it simple and use a font with only one interpolatable outline: a beveled square.

I also built a little demo that animates through the font variations using CSS animations. Thanks to Myles Maxfield’s efforts, this already works in the latest Webkit nightly build.