A variable font packs an entire range of styles into one file. Instead of separate files for light, regular, bold and everything between, a variable font lets you slide smoothly across a continuous range.
How they work
Variable fonts define one or more axes of variation. The most common is weight, which moves from thin to heavy. Other axes can control width, slant, or optical size. You choose a point along each axis to get exactly the style you want.
Why designers like them
- One file can replace many, which simplifies font management.
- On the web, a single variable file can be smaller than loading several static weights.
- Fine control over weight and width unlocks precise typographic tuning.
Things to keep in mind
Not every app exposes variable axes, and some older software treats a variable font as a single default style. If you need a specific weight in an app that lacks variable controls, a static version of that weight may be easier to work with.
License terms vary from one font to another. Always review the license included with a specific font before using it, especially for commercial work.