Are variable fonts the future of web typography?
summary
Variable fonts store masters plus interpolation data so one file can replace many static fonts, letting CSS and JavaScript tweak axes like weight, width and optical-size and animate them via font-variation-settings. Browser support hits about 72% and a family like Acumin drops from 3.9 MB to 270 KB as WOFF2. Demos show sound, gamepad, ambient-light and AR control, and a justification experiment uses the width axis to cut a badness score from ~118 to 8.2 — practical and working.
AI-written summary · about
chapters (13)
- 0:00Start
- 0:50Fonts
- 1:58Variable Fonts
- 4:40Design Space
- 6:31Css Text Shadows and Animations
- 7:58Novel Typeface Designs
- 9:24Variable Fonts Used in Augmented Reality
- 9:48Browser Support
- 10:54Font Weight Descriptor
- 14:07Fonts Optical Sizes
- 19:25Justification
- 25:00Performance Improvement
- 29:13Resources
related talks
34mVariable Fonts: The Future of Typography Has Already Begun
19mVariable Fonts and the Future of Web Design
20mVariable fonts: a million times the possibilities...
36mVariable Fonts and Dynamic Typography with CSS
33mVariable Fonts and the Future of Web Design
33mConquer Variable Web Typography
29mVery Responsive Typography with Variable Fonts
37mVariable Fonts — practical Guide