Variable Font Axis Playground
Edit variable font axis playground and inspect a real native preview locally.
Enabling local controls…
Native preview
Review inputs and build; variable fonts require a selected file.
Processing model and limits
Explicitly selected single SFNT TTF/OTF≤8MiB; reuse local font table inspection, parse fvar1.0 axes/instance bounds, then load those exact bytes via FontFace. ≤32 unique axes, ≤256 instances; known tag=value within advertised range, no CSS input or URL. Preview text≤2000 code points. No fabricated default axes/system-font variability, WOFF/collections, complete font validity or shaping guarantee. Browser loading has its own1s deadline; editing removes loaded face. Text stays in memory; 32 KiB per field and 1 MiB complete output. Native preview is scoped to its container; exported HTML is escaped text, never injected into the document. Editing cancels pending work and clears stale results.
How to use this tool
Edit the source fields, build the preview, then inspect and export the complete text. For fonts, explicitly select a local file; no external font URL is requested.
When not to use it
Explicitly selected single SFNT TTF/OTF≤8MiB; reuse local font table inspection, parse fvar1.0 axes/instance bounds, then load those exact bytes via FontFace. ≤32 unique axes, ≤256 instances; known tag=value within advertised range, no CSS input or URL. Preview text≤2000 code points. No fabricated default axes/system-font variability, WOFF/collections, complete font validity or shaping guarantee. Browser loading has its own1s deadline; editing removes loaded face. Text stays in memory; 32 KiB per field and 1 MiB complete output. Native preview is scoped to its container; exported HTML is escaped text, never injected into the document. Editing cancels pending work and clears stale results.