Typography on the Web

on YouTube ↗51m

" summary

Shows where web typography actually improves and where it stalls: WOFF2 ~30% smaller on the Google Fonts corpus, kerning and ligatures are already default in Firefox and recent Safari but not in Chrome/IE so authors must enable OpenType features, color fonts exist but vendors use incompatible formats, hyphenation requires lang tags and lacks Chrome support, font loading API (Chrome + Firefox behind flag) gives explicit load control, and font-variant features (small caps, tabular numbers, superscripts) depend on font glyphs so behavior varies by browser and font.

AI-written summary · about

" chapters (10)

1. 0:00Start
2. 5:33Enabling herning and ligatures
3. 7:05Implementation ripples...
4. 12:17Punctuation too!
5. 13:58font-feature-settings
6. 18:33font-variant-east-asian
7. 19:06subscripts and superscripts
8. 20:20default style for sub/sup
9. 22:21line heights stay consistent!
10. 28:06color font formats

" related talks

• 26mThe State of Web TypographyBram Stein · CSSconf EU 2014
• 45mOnce Upon a Drop Cap: A Look at Typography as UXJason Pamental · Web Unleashed 2016
• 29mThe State of WebFontsChris Lilley · View Source 2017
• 42mAdvanced Web TypographyIdan Gazit · Write the Docs Prague 2014
• 53mTypography on the web is like other typography only more interestingIndra Kupferschmid · beyond tellerrand // DÜSSELDORF 2016
• 50mTypesetting for a Global WebChen Hui Jing · You Gotta Love Frontend 2019
• 50mWebFonts - Level Up!Chris Lilley · CSSConf.Asia 2015
• 27mEfficient Web Type, c. 1556Kenneth Ormandy · CSSConf Australia 2015