# Variable font

One font file holding a whole range of weights and widths.

## What is a **variable font**?

A **variable font** is one file that holds a whole range of weights and widths, so any weight from thin to heavy loads from a single download.

```css
@font-face { font-family: "Inter"; src: url("inter-var.woff2"); font-weight: 100 900; }
h1 { font-weight: 650; }
```

Level: Freelancer · [More CSS terms at this level](https://www.ask-codey.com/glossary/subjects/css/freelancer)

Updated: September 27, 2026

Source: https://www.ask-codey.com/glossary/variable-font