You can save Web Typography
summary
Practical CSS techniques for improving web typography: responsive font sizing tied to the viewport, media-query breakpoints that implement a responsive type scale, measured tweaks to line-height and measure (line length), use of hyphenation and font-feature toggles, and selective font-face choices for body versus display text. Demos use Google Fonts with fallbacks, include workarounds for browser quirks (e.g. Chrome on Android caps/spacing), and run in current browsers to boost readability and accessibility.
AI-written summary · about
chapters (10)
- 0:00Introduction
- 2:16Typography's usability impact
- 6:19Display and body text faces
- 13:44Line height and readability
- 21:16Responsive typography
- 25:28Uppercase spacing issues
- 31:22Browser text rendering
- 36:06Character encoding
- 40:55Case study
- 45:23Summary
related talks
47mYou Can Save Web Typography
37mResponsive Typography Techniques
46mResponsive Typography
45mTypography and accessibility
50mType-setting in CSS: Using typography to enhance your design
42mAdvanced Web Typography
53mTypography on the web is like other typography only more interesting
49mDynamic Typography with Variable Fonts