Variable Font Instancer
Reduce a variable font to a static instance online for free — freeze axis values (weight, width, slant, optical size) and strip variable tables (fvar, gvar, HVAR, VVAR, MVAR, STAT) for a smaller web font. Our variable font instancer reads all font axes using opentype.js, supports named instance presets, and processes everything locally in your browser. No signup required.
Upload a variable font, set axis values (weight, width, slant, etc.), and generate a smaller static font instance — strips variable tables for a leaner web font. All processing happens locally in your browser.
Why Use Our Variable Font Instancer?
Instant Variable Font Instancing
Our variable font instancer reads all font axes (weight, width, slant, optical size) and generates a static instance instantly in your browser — no server upload, no cloud processing, no waiting.
Secure Variable Font Instancer Online
Your font file never leaves your device when you use our variable font instancer online. All axis parsing and table stripping happens locally using the browser-based opentype.js library — 100% private.
Variable Font Instancer — No Installation
Instance variable fonts directly in your browser with no software downloads, no plugins, and no account required. Our variable font instancer works on any modern browser on any operating system.
Named Instances + Manual Axis Control
Apply built-in named instances (Regular, Bold, Light, etc.) with one click, or manually drag axis sliders for precise control over weight, width, slant, optical size, and any custom axes.
Common Use Cases for Variable Font Instancer
Web Performance Optimization
Reduce font payload size for web projects that only use one weight or style. Stripping variable tables from a 200 KB variable font can produce a 60–80 KB static instance — a significant improvement for page load times.
Core Web Vitals & LCP Improvement
Eliminate unnecessary variable font overhead for pages that use a single font style. Our variable font instancer produces a static font that loads faster and reduces render-blocking font requests.
Mobile App Font Bundling
Bundle a specific weight and width instance into mobile apps instead of the full variable font. A static instance is smaller and faster to load on mobile devices with limited memory and bandwidth.
Design System Font Delivery
Generate specific weight instances (Regular 400, Medium 500, Bold 700) from a single variable font source for design system packages. Static instances ensure consistent rendering across all environments.
Legacy Browser Compatibility
Create static font instances for environments that do not support variable fonts — older browsers, PDF generators, and email clients. Our variable font instancer produces standard TTF/OTF output.
CDN & Static Asset Optimization
Reduce CDN storage and bandwidth costs by serving static font instances instead of full variable fonts. A static instance at a specific weight is typically 40–60% smaller than the full variable font file.
Understanding Variable Font Instancing
What is Variable Font Instancing?
Variable font instancing is the process of converting a variable font — which encodes a continuous range of styles along multiple design axes (weight, width, slant, optical size) — into a smaller static font instance frozen at specific axis values. Variable fonts use the OpenType 1.8 specification and store glyph variation data in tables like fvar (font variations), gvar (glyph variations), and HVAR/VVAR (metric variations). These tables can add 50–150 KB to a font file. Our variable font instancer reads the font's axis definitions using opentype.js, lets you set axis values, and strips the variable-only tables to produce a smaller static font — all locally in your browser.
How Our Variable Font Instancer Works
- 1Upload your variable font: Drag and drop any variable font file (TTF, OTF, WOFF, WOFF2). The tool parses the
fvartable using opentype.js to extract all axis definitions and named instances — no data is sent to any server. - 2Set axis values: Use the named instance presets (Regular, Bold, Light, etc.) for one-click selection, or drag the axis sliders to set precise values for weight, width, slant, optical size, and any custom axes. All processing happens locally in your browser.
- 3Download the static instance:Click "Create Static Instance" — the tool strips variable-only tables (fvar, gvar, avar, HVAR, VVAR, MVAR, STAT) and downloads the smaller static font. The results panel shows original size, output size, and reduction percentage.
What Gets Removed During Instancing
- fvar (Font Variations): The axis definitions table — defines all design axes, their ranges, and named instances. Removed in static output since axes are no longer needed.
- gvar (Glyph Variations): The largest variable table — stores delta adjustments for every glyph outline at every axis position. Stripping this table produces the biggest size reduction.
- HVAR / VVAR (Metric Variations): Stores advance width and height variations across the design space. Removed since metrics are frozen at the chosen axis values.
- STAT / avar / MVAR / cvar: Additional variation tables for style attributes, axis normalization, metric variations, and CVT variations — all removed in the static instance output.
Important Limitations
This tool performs table stripping — it removes variable-only tables to produce a smaller font, but does not apply glyph-level delta adjustments to the outlines. The output font uses the default glyph outlines from the variable font, which may not perfectly match the rendered appearance at non-default axis values. For full glyph-level instancing (applying delta adjustments to produce exact outlines at the chosen axis values), use fonttools instancer (fonttools varLib.instancer) or the Google Fonts variable font instancer desktop tool.
Related Tools
JSON Key Shortener
Shorten verbose JSON keys to single letters or abbreviated forms — shows size reduction and provides a downloadable key mapping file for restoration. Free online JSON key shortener.
JSON vs MessagePack Size Comparison
Compare JSON byte size vs MessagePack encoding for any payload — shows exact savings, type-by-type breakdown, and MessagePack hex preview. Free online JSON vs MessagePack comparison.
String Decompressor (GZIP/LZ)
Decompress GZIP+Base64, DEFLATE+Base64, and LZ-String compressed payloads back to readable text — supports all three LZ-String variants. Free online string decompressor.
ZIP File Extractor
Extract files from any ZIP archive client-side — browse contents, preview text files, download individual files or all at once. Free online ZIP extractor, no signup required.
Frequently Asked Questions About Variable Font Instancer
A variable font instancer is a tool that converts a variable font — which encodes a continuous range of styles along design axes like weight and width — into a smaller static font frozen at specific axis values. Our free variable font instancer online works entirely in your browser using opentype.js, so your font file is never uploaded to any server.
Typical size reduction is 30–60% depending on the font. Variable tables (fvar, gvar, HVAR, VVAR, MVAR, STAT) can add 50–150 KB to a font file. Stripping these tables produces a significantly smaller static instance. The results panel shows the exact size reduction after instancing.
Absolutely. Our variable font instancer processes everything locally in your browser using opentype.js. Your font file is never uploaded to any server, never stored, and never leaves your device — which is especially important for licensed or proprietary typefaces.
Yes — 100% free, forever. No signup, no account, no premium tier, no file size limits, and no ads interrupting your workflow. Just upload your variable font, set axis values, and download the static instance.
Variable font axes are design dimensions that can be continuously adjusted. Common axes include: wght (weight, 100–900), wdth (width, 75–125%), ital (italic, 0–1), slnt (slant, -15–0°), and opsz (optical size). Custom axes use 4-letter uppercase tags. The fvar table in the font defines all available axes and their ranges.
Named instances are predefined axis value combinations embedded in the font by the type designer — they correspond to traditional style names like Regular, Bold, Light, and Italic. Manual axis values let you set any combination within the allowed ranges. Named instances are the recommended starting point for most use cases.
This tool performs table stripping — it removes variable-only tables but does not apply glyph-level delta adjustments to the outlines. The output uses the default glyph outlines, which may differ slightly from the rendered appearance at non-default axis values. For exact glyph-level instancing, use fonttools varLib.instancer.
Our variable font instancer accepts TTF, OTF, WOFF, and WOFF2 variable font files. The output format matches the input format. Most variable fonts are distributed as TTF or WOFF2 files.
The tool checks for the presence of an fvar table — if none is found, the font is not a variable font. Variable fonts are a relatively recent format (OpenType 1.8, 2016). If you have a static font family, use our WOFF to WOFF2 Compressor or OTF to WOFF2 Converter instead.