Variable font axes

One file per font; every slider below moves through its design space.

Hamburgefonstiv & quick wafers

Font and size

3rem

Axes

The CSS for this sample

Optical size at work

auto Handgloves 0123 Handgloves
none Handgloves 0123 Handgloves

Left: 0.75rem (12 pixels at the default text size). Right: 4.5rem (72 pixels). With auto the browser sets opsz to the font size in CSS pixels, clamped to the font's range; with none the font draws its default optical size at every size.