Extreme Typography on the Web

on YouTube ↗39m

" summary

A designer builds Fit, a variable display face that fills any box and morphs width without stretching, pairs it with a fit‑to‑width JS, and shows real savings versus hundreds of static WOFF2s (1,000 files ≈ 20 MB versus a single variable file). Experiments include color fonts and a variable color poop emoji, a contextual‑alternates color font called Pappardelle Party, and a Font of the Month Club that ships new experimental fonts monthly.

AI-written summary · about

" chapters (10)

1. 0:00Start
2. 13:23Cinder Block
3. 13:49Monospace Slab Serif
4. 23:08Justification
5. 23:41Variable Font Justification
6. 25:03Color Fonts
7. 27:48Merit Badge
8. 31:45Color Font Customizer
9. 33:39Horse Variable Font
10. 34:04Gravity Axis

" related talks

• 36mVariable Fonts and Dynamic Typography with CSSJason Pamental · Web Unleashed 2018
• 32mAre variable fonts the future of web typography?Bram Stein · CSS-Minsk-JS 2018
• 33mVariable Fonts: WTF?Bianca Berning · Pixel Pioneers Bristol 2022
• 32mModern Typographic Systems With Variable FontsJason Pamental · CSSConf EU 2019
• 49mDynamic Typography with Variable FontsJason Pamental · beyond tellerrand Berlin 2019
• 19mVariable Fonts and the Future of Web DesignMandy Michael · dotCSS 2018
• 45mOnce Upon a Drop Cap: A Look at Typography as UXJason Pamental · Web Unleashed 2016
• 20mVariable fonts: a million times the possibilities...Laurence Penney · dotCSS 2017