33 / Type

Variable Font Animation

Weight is a dial here, not a set of steps. Drag it and the letterforms thicken without ever swapping to another file.

also called axis interpolation · variable axes

A variable font exposes continuous axes rather than fixed cuts, so weight can be animated instead of swapped. One file, the whole family, and no flash between weights.

How it is built

font-variation-settings: 'wght' 340; transition: font-variation-settings .6s;