Fonts, Form and Function: A Primer on Digital Typography
summary
Shows that usable digital typography depends on concrete choices: prefer large x-height and low stroke contrast for body text, pick tried‑and‑true families for legibility, and pair a personality display face with a neutral body. Uses grids, bold size/weight contrast and a modular scale (example base 24px, golden ratio 1.618 suggested) to build hierarchy. Covers web tooling and formats — font‑face, Google Fonts, icon fonts and WOFF2 — and explains hinting, dpi quirks (72 vs 96) and why screen‑specific type changes (e.g., Ikea 2009) matter.
AI-written summary · about
chapters (10)
- 0:00Start
- 0:09Fonts, Form & Function A Primer on Digital Typography
- 11:29TYPE THAT WORKS
- 15:55weatherman
- 16:10sunshine
- 19:08Serifs
- 23:53Kevin Bacon
- 24:16Clarendon
- 28:03Pairing Strategies
- 42:07Pixel Lab Case Studies
related talks
50mType-setting in CSS: Using typography to enhance your design
53mTypography on the web is like other typography only more interesting
25mTypography is the foundation of any design system
41mTypography for Everyone
01h 18mType Is Design:Fix Your UI with Better Typography and CSS
58mDesign for Developers
21mJust Enough Typography
47mYou can save Web Typography