Webfonts in 2019: Everything changes

on YouTube ↗38m

" summary

Concrete changes and tools: 70% of websites use downloadable fonts and CSS Fonts 4 + OpenType 1.8 bring variable fonts so one file interpolates thousands of weights instead of shipping 37 separate font files, with font-weight now a numeric range 1–999, font-optical-sizing: auto, and font-variation-settings for custom axes. Color fonts arrive via COLR/CPAL and SVG-in-OpenType with @font-palette-values and font-palette, Wakamai Fondue analyzes fonts client-side, vfonts.com demos axes, animations cost normal repaint work, and math layout still needs MathML/MathJax for complex equations.

AI-written summary · about

" chapters (4)

1. 0:00Start
2. 1:27Character a codepoint, with properties
3. 3:58Descriptors describe individual font faces
4. 6:05unicode-range Descriptor for allowed range of Unicode characters

" related talks

• 40mCSS Fonts 4Chris Lilley · FrontMania 2018
• 42mTypography for FrontendsElena Ramírez · FrontFest 2020
• 32mAre variable fonts the future of web typography?Bram Stein · CSS-Minsk-JS 2018
• 19mVariable Fonts and the Future of Web DesignMandy Michael · dotCSS 2018
• 33mVariable Fonts: WTF?Bianca Berning · Pixel Pioneers Bristol 2022
• 29mThe State of WebFontsChris Lilley · View Source 2017
• 32mModern Typographic Systems With Variable FontsJason Pamental · CSSConf EU 2019
• 20mVariable fonts: a million times the possibilities...Laurence Penney · dotCSS 2017