Variable Fonts

A Variable Font is a single font file contains many different variations of a typeface, instead of having a separate font file for every width, weight, or style. This format was developed in collaboration by Adobe, Apple, Google, and Microsoft.

Review the variable font notes

Activity

1. Create a new folder for variable font experimentation
2. Select a variable font for use. Inspect its attributes with a tool like wakamai fondue
3. Load the variable font and typeset some text
4. Using the :hover css selector and transition property, experiment with triggering changes in your variable font.