Font Files
Variable Fonts
One file, infinite styles. The future of typography.
What Are Variable Fonts?
Introduced in OpenType 1.8 (2016), variable fonts contain a continuous design space instead of discrete styles. A single file can interpolate between any number of weights, widths, or custom axes.
Common Axes
wghtWeight
100–900
wdthWidth
50%–200%
italItalic
0–1
slntSlant
-12° to 0°
opszOptical Size
8pt–144pt
CSS Usage
@font-face {
font-family: 'Inter Variable';
src: url('Inter.woff2') format('woff2-variations');
font-weight: 100 900;
}
body {
font-family: 'Inter Variable';
font-weight: 425; /* Any value! */
}