Responsive Typography Techniques
summary
Three concrete techniques and the numbers that make them work: use a typographic scale (modularscale.com) with relative units and a unitless line-height ~1.4, add type tweak points — media queries (examples given around 615px, 850px, 1200px) that adjust base font size and line-height, enforce a max measure roughly 32em max (≈75 characters, tolerates up to 100), or keep base size constant and cap width in ems, or experiment with vw/vh scaling for display copy; use the Google Web Font Loader to manage font swaps.
AI-written summary · about
chapters (11)
- 0:00Introduction and context
- 3:50The value of good type
- 6:03Responsive design goals
- 8:24Typographic scales
- 12:16Balancing type factors
- 15:01Type tweak points
- 23:05Em-based media queries
- 25:27Emmifying containers
- 28:44Viewport units
- 30:39Performance and loading
- 34:16The future of typography
