RESPONSIBLE RESPONSIVE TYPOGRAPHY: A CRASH-COURSE ON VARIABLE FONTS AND ACCESSIBILITY
summary
Claims that variable fonts plus CSS let teams improve legibility, accessibility and performance by switching axes not files, backed by concrete tactics and examples. Uses optical-size and weight adjustments in a single variable file, media queries like prefers-color-scheme, ms-high-contrast, prefers-reduced-motion and device hints (resolution, pixel density, light sensor in Firefox). Cites EasyReading and punji fonts, Twitter-style user controls, a BBC editor-tone demo, prevalence numbers (≈10% dyslexia, 15–17% in Sweden) and small CSS/JS switches that avoid extra font downloads.
AI-written summary · about
chapters (15)
- 0:00Introduction
- 2:58Accessibility and readability
- 5:33Who am I
- 6:48Reading
- 10:29Decoding
- 11:17How to read
- 14:13Screenshots
- 16:07Accessibility Guidelines
- 19:39CSS
- 22:08Variable Fonts
- 25:02The Crazy Idea
- 26:19Dark Mode
- 27:33High Contrast
- 35:19Dynamic Typography
- 36:34Virtual Reality
