You Can Save Web Typography
summary
Practical tips for improving web typography: use CSS media queries to scale font sizes instead of forcing a fixed 16px, increase line-height on narrow viewports, and enable hyphenation for German to avoid rivers and large gaps. Shows how to check numeric shapes and font weights in Google Fonts, warns about an Android Chrome all-caps spacing bug and explains how to test for it, with live working demos.
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
50mType-setting in CSS: Using typography to enhance your design
37mResponsive Typography Techniques
45mTypography and accessibility
42mAdvanced Web Typography
51mTypography on the Web
53mTypography on the web is like other typography only more interesting
46mResponsive Typography