When East meets West: web typography and how it can inspire modern layouts
summary
Argues that the web now supports real typesetting: uses @font-face, Unicode ranges, variable fonts and OpenType features to handle massive glyph sets (Chinese fonts average ~35,000 glyphs) and enable multi-directional layout. Implements a vertical/horizontal toggle demo using writing-mode and text-orientation, works with image-orientation workarounds via transforms, and shows bookshelf-style lists and tag headers. Notes remaining cross‑browser quirks, recommends CSS logical properties and font-variant-east-asian for correct glyph substitution.
AI-written summary · about
chapters (7)
- 0:00Start
- 11:29What is a font?
- 11:57And what are glyphs?
- 17:33font-synthesis
- 19:05font-variant-east-asian
- 22:21text-combine-upright property
- 23:55CSS Logical Properties
related talks
31mWhen East Meets West, Web Typography and How It Can Inspire Modern Layouts
31mEast Meets West: Web Typography and Modern Layouts
32mTypesetting East Asian languages on the web
41mTypography for Everyone
30mThe Web Is Not Just Left-to-Right
50mTypesetting for a Global Web
48mBetter Type For The Web
20mDynamic Typographic Systems with Variable Fonts