Drop a variable font and see every axis (wght, wdth, slnt, ital, opsz, custom) with min/default/max values, named instances, and ready-to-paste CSS.
Upload a variable font
We parse the fvar table for axes and instances
Get axis ranges, named instances (Light, Regular, Bold), and font-variation-settings CSS
0 bytes uploaded. Variable Font Axis Mapper runs entirely in your browser using opentype.js and the File API. Your fonts never leave your device.
This tool requires the Free plan or higher.
Five registered: wght (weight), wdth (width), slnt (slant), ital (italic 0/1), opsz (optical size). Custom axes use 4-character tags in CAPS — e.g. GRAD (grade), YOPQ (parametric Y opaque), XOPQ (parametric X opaque).
Pre-defined points in the design space exposed as discrete styles in OS font menus — e.g. Inter Light = wght:300, Inter Bold = wght:700. The fvar table lists them; we surface each one with its full settings.
Yes, this tool reads the design space. Use the Variable Font Freezer to bake one instance to a static TTF, or the Axis Range Optimiser to trim unused axis ranges.
Pin a variable font's axes (weight, width, slant, optical size) to specific values and export a static TTF. Trim file size when you don't need the full axis range.
Open toolGenerate @font-face declarations for each named weight (Light, Regular, Medium, Bold, Black) of a variable font using font-variation-settings. Drop-in CSS.
Open toolTell us which weight, width, slant values you actually use, and we'll recommend the minimum axis ranges. Reduces variable font size by 20–60%.
Open tool