#A8F0E3
TYPE: TOOL
Var Fonts
Lab
A playground for variable font axes.
- Stack
- WASM font parser
CSS custom properties - Footprint
- 28kb
any .ttf - Built
- Two weeks
Oct 2024
Drop in a variable font and every axis becomes a slider, read from the font table rather than a hardcoded list.
How it works
The fvar table is parsed in WASM; named instances become presets, and the current state exports as a ready-to-paste font-variation-settings rule.
Notes
Nothing is uploaded. The font stays in the tab.
Changelog
- v1.2 — Named instance presets.
- v1.0 — First release.
Features
03 includedAxes read from fvar
Works with fonts it has never seen.
Named instances
Presets straight from the font.
CSS export
Copy a working font-variation-settings rule.
var-fonts-lab.example.dev — live
No cookies
APP 10 / 13