Variable Fonts: The Future of Typography Has Already Begun

on YouTube ↗34m

" summary

OpenType 1.8 variable fonts let one font file contain many styles by exposing registered axes (weight, width, italic, slant, optical-size) plus up to 64k custom axes, so a single WOFF2 variable font can replace multiple static fonts. Browser support jumped from under 10% to over 70% within a year; implementations use font-variation-settings, WOFF2 and subsetting for performance depending on glyph sets and languages. Demos show interactive uses (voice-controlled weight, ambient-light responsive weight, big-data→typography mappings) and tooling mentioned includes Axis Praxis, Wakamai Fondue and Google/Adobe font sources.

AI-written summary · about

" chapters (8)

1. 0:00Start
2. 10:43METAL TYPE
3. 11:04FONT SIZES
4. 13:35INTERPOLATION
5. 24:12WHERE CAN I FIND THEM?
6. 25:48TOOLS
7. 29:20THE GRADIENT AXIS
8. 32:09EXPRESSIVITY

" related talks

• 20mVariable fonts: a million times the possibilities...Laurence Penney · dotCSS 2017
• 32mAre variable fonts the future of web typography?Bram Stein · CSS-Minsk-JS 2018
• 33mVariable Fonts: WTF?Bianca Berning · Pixel Pioneers Bristol 2022
• 42mTypography for FrontendsElena Ramírez · FrontFest 2020
• 19mVariable Fonts and the Future of Web DesignMandy Michael · dotCSS 2018
• 36mVariable Fonts and Dynamic Typography with CSSJason Pamental · Web Unleashed 2018
• 37mVariable Fonts — practical GuideMarianna Paszkowska · webinale 2019
• 33mVariable Fonts and the Future of Web DesignJason Pamental · Web Unleashed 2017