Typography guides for web & digital design

Type is the part of a layout people feel before they read a word. These guides get specific: pairing a display face with a workhorse body, fixing the optical sizes most teams ignore, and cutting page weight with variable fonts instead of loading six static weights. We cover web typography for performance and for craft, with measured numbers (a variable font can replace a 200KB stack) rather than vibes. Examples link to the foundries and specimens worth studying.

Good type on the web means solving two problems at once: it has to look considered and it has to load fast, and the two goals fight each other more than people admit. We dig into font-display strategies, subsetting to cut a 40-glyph range down to what a page actually uses, and the real difference between shipping a variable font and shipping a fallback stack that only pretends to match it.

Pairing gets real attention too, not just "here's a nice combination" but the actual reasoning: x-height matching, contrast between a display face and its body partner, and where a third face earns its place instead of just adding weight to the page. We also track how type systems hold up across languages and scripts, since a pairing that works cleanly in English can fall apart the moment diacritics or a non-Latin script enter the layout.