Typography on the Web

on YouTube ↗36m

" summary

Covers how web interfaces are built from typographic elements, using concrete examples to show how text is composed and styled. Discusses typography-related accessibility and performance considerations for modern web applications, and practical approaches to implementing readable, efficient text in interfaces.

AI-written summary · about

" chapters (15)

1. 0:00Typography basics
2. 1:54Text in interfaces
3. 4:23Interface intuitiveness issues
4. 6:32Readability rules
5. 10:07Web font history
6. 11:32Web font types
7. 13:42Web font linking
8. 16:50FOUT problem and fixes
9. 19:19Font loading speed
10. 22:36JavaScript font replacement
11. 23:41Need for web fonts
12. 24:46System fonts as alternative
13. 26:08Text accessibility
14. 28:39Bad font practices
15. 31:16Conclusion and tips

" related talks

• 47mYou Can Save Web TypographyOliver Schöndorfer · iJS 2018 Spring
• 42mAdvanced Web TypographyIdan Gazit · Write the Docs Prague 2014
• 46mResponsive TypographyJason Pamental · FITC Web Unleashed 2014
• 27mMapping TypographyScott Kellum · beyond tellerrand Düsseldorf 2023
• 48mWeb TypographyRichard Rutter · CSS Day + UX Special 2018
• 39mExtreme Typography on the WebDavid Jonathan Ross · Beyond Tellerrand Berlin 2018
• 39mTypography of the EastRoman Prudnikov · FrontTalks 2016
• 32mTypesetting East Asian languages on the webChen Hui Jing · CSS-Minsk-JS 2018