Typography · 2026-10-06

rough

1 fix first2 to fix13 sizes2 families on screen

Families and weights on screen what visitors actually see

Georgia · 400, 700, 800 · ×8Inter · 400, 600, 700 · ×38

What to fix most important first

“Inter” only shows for people who have it installedFix first
The CSS asks for Inter with no @font-face. It's installed on this machine, so it looks right here; most visitors get the next font in the stack.
How to fixServe it (woff2 from your own domain, only the weights in use, font-display: swap) or drop it from the stack and use the system font on purpose.
13 font sizes, 7 almost equalFix
In use: 12 13 13.5 14 15 15.5 17 18 21 22 23 28 46. Pairs nobody can tell apart: 13/13.5, 13.5/14, 14/15, 15/15.5, 17/18, 21/22, 22/23.
How to fixA scale of 5 to 7 steps with a steady ratio (1.2 to 1.33), as rem tokens: for example 13 · 15 · 17 · 21 · 28 · 44.
Lines too longFix
About 130 characters per line. Past 75, reading tires and the eye misses the next line.
How to fixmax-width: 34em (about 65 characters) on paragraphs.
Justified textWorth a look
Without hyphenation, the web opens gaps between words to fill each line.
How to fixtext-align: start.
Capitals without trackingWorth a look
Small capitals crowd each other without a little space between them.
How to fixletter-spacing: .06em to .1em on uppercase labels.
Large heading with open trackingWorth a look
At 46px letters already look apart; positive tracking pushes them further.
How to fixletter-spacing: -0.01em to -0.025em on large headings.
Numbers that don't line upWorth a look
Prices and amounts in columns with proportional digits: they don't stack under each other.
How to fixfont-variant-numeric: tabular-nums on tables, prices and totals.