Web Typography
summary
Argues concrete rules: respect browser defaults but size paragraph text to readers and devices — target 30 arc minutes perceived size so body text lands around 16 pixels on phones, ~18px on tablets and ~22px on desktops; scale huge display headlines with vw/vmin and calc; prefer WOFF2 and subsetting, use font-display:fallback (100ms) or preload critical subsets to avoid invisible text; adopt variable fonts to replace many files with one — example site ships a 27k variable font delivering multiple weights and it works.
AI-written summary · about
chapters (32)
- 0:00Introduction
- 1:32The bad news
- 2:18Good typography induces good mood
- 2:58Dont trust browser defaults
- 3:58Paragraphs
- 4:26Paragraph Text
- 5:02Reading Distance
- 6:55Reading Text Size
- 8:16Changing Text Size
- 9:18A List Apart
- 11:44Tables
- 13:00Table Principles
- 17:52Display Text
- 25:45CSS Calc
- 26:08Fonts
- 27:55Page Render Timing
- 29:36Font Preload
- 30:48Going Search
- 31:23Variable Fonts
- 34:06Registered Axes
- 35:26Font Optical Sizing
- 36:21Register Axis
- 39:04Font Width
- 39:28Web Typography Conference
- 40:28CSS Day
- 41:34Variable Font
- 43:28Firefox
- 43:59Access Practice
- 44:37Mr Pooh
- 44:49Golden Rules
- 44:59Book Sale
- 45:10Questions
