Web typography in 2026

Web typography grew up quietly over the last few years. Variable fonts work everywhere, clamp() gives you a scale that moves with the screen instead of ten breakpoints, and downloading three separate weights is behind us. What has not changed: most sites use too many weights, too little line height, and a line length your eye has to hunt across. Typography is by far the largest part of what a visitor actually sees, and the fastest tell of whether anyone was paying attention.

What we hold to in practice

• One family, two at most; make the difference with size and weight
• Sixty to seventy-five characters a line for running text
• More line height as the line gets longer
• Size tied to screen width with clamp(), not to breakpoints
• Self-hosted fonts, preloaded, so text waits on nothing

Variable fonts make that last point easy: one file covers the whole weight range, so a semibold subhead no longer costs a download. The old excuse for running a whole site on two weights is gone.

Where it still goes wrong

Text over busy images, light weights in light grey, headlines breaking into four lines on a phone. These are not matters of taste but of legibility, and every one of them is visible in the design long before anything is built.