A digital typographic playground.



Dragging the crosshair around the page lets you interpolate between two axes in the font file at once.
Use the dropdowns to choose which axes your drag direction controls.
If you find a combination you like, get the CSS that works for you to use in your own code.
Click and drag anywhere to create a text box. Add your own text.
Drag the handle to play with the variable width axis.
Click around as many times as you want.

Variable fonts are currently only supported in Chrome on desktop, so check out the site there.

Let me see anyway