Conquer Variable Web Typography
summary
Variable fonts store many styles in one file and the talk shows concrete wins and pitfalls: an experiment replaces 18 files → 632 KB vs 1 file 56 KB, browser support sits at 76% global / 90% mobile (Germany), integration uses @font-face with -variations, font-variation-settings and font-weight/font-stretch, axis explorers and Firefox devtools for testing. A demo pen with a JavaScript toggle proves progressive enhancement works. Pitfalls: choice overload, italics often require separate files, and variable can be larger if family includes separate outlines.
AI-written summary · about
chapters (10)
- 0:00Introduction
- 2:23Typography
- 5:57Variable Fonts
- 9:07Browser Support
- 12:28Intermission
- 16:46Developers
- 21:21Fonts
- 26:19Static Web Fonts
- 27:57Feature Query
- 29:23Summary
related talks
33mVariable Fonts and the Future of Web Design
32mAre variable fonts the future of web typography?
34mVariable Fonts: The Future of Typography Has Already Begun
20mVariable fonts: a million times the possibilities...
36mVariable Fonts and Dynamic Typography with CSS
20mDynamic Typographic Systems with Variable Fonts
19mVariable Fonts and the Future of Web Design
29mPerformance Benefits of Variable Fonts