East Meets West: Web Typography and Modern Layouts
summary
The talk gives concrete takeaways: web fonts use font-face descriptors and unicode-range to load fallbacks (demo loads a Cyrillic font only when needed), OpenType v1.8 lands variable fonts (Sept 2016) and a Chinese variable font exists, Chinese typefaces average ~35,000 glyphs with ~7,000/13,000 needed for body copy, and there are writing-mode and text-orientation controls that support vertical layouts. A vertical‑layout toggle is implemented and works but images need CSS transforms and flexbox has cross‑browser quirks to file bugs about.
AI-written summary · about
chapters (11)
- 0:00Introduction
- 2:00Typography
- 8:29Web Fonts
- 11:53OpenType
- 12:18Fontface
- 16:07CSS Font Properties
- 22:20Text Orientation
- 23:41Vertical Layouts
- 24:30CSS Logical Properties
- 25:46Vertical Layout
- 27:26Vertical Text
related talks
30mWhen East meets West: web typography and how it can inspire modern layouts
31mWhen East Meets West, Web Typography and How It Can Inspire Modern Layouts
32mTypesetting East Asian languages on the web
42mTypography for Frontends
50mTypesetting for a Global Web
20mDynamic Typographic Systems with Variable Fonts
41mTypography for Everyone
45mOnce Upon a Drop Cap: A Look at Typography as UX