Variable Fonts and the Future of Web Design

on YouTube ↗33m

" summary

Claims that a single variable font file can replace many separate font files: examples move from 26 files down to two and a demo replaces ~18 Open Sans files totaling ~549 KB with a single variable font around 40 KB. Support lands in iOS 11 and modern browsers with Chrome pending. A proof‑of‑concept Drupal CMS UI exposes font axes as sliders, writes a stylesheet, and serves per‑article typographic variation via CSS one or two files.

AI-written summary · about

" chapters (4)

1. 0:00Start
2. 1:35web typographer
3. 21:50Typography is design
4. 30:09Status check: support

" related talks

• 33mVariable Fonts: WTF?Bianca Berning · Pixel Pioneers Bristol 2022
• 33mConquer Variable Web TypographyOliver Schöndorfer · Beyond Tellerrand Berlin 2018
• 32mAre variable fonts the future of web typography?Bram Stein · CSS-Minsk-JS 2018
• 34mVariable Fonts: The Future of Typography Has Already BegunGiulia Laco · CSS Day 2019
• 29mPerformance Benefits of Variable FontsMandy Michael · #PerfMatters Conference 2019
• 20mDynamic Typographic Systems with Variable FontsJason Pamental · dotCSS 2019
• 32mModern Typographic Systems With Variable FontsJason Pamental · CSSConf EU 2019
• 46mReal Editorial Design on the Web with Variable FontsJason Pamental · Developer Summit 2020