CSS for internationalisation
summary
Concrete CSS hooks for language handling decide whether to watch: selectors like :lang and attribute matching, font controls such as font-synthesis and font-variant-east-asian, layout controls writing-mode and logical properties, and text features like text-emphasis, hyphens: auto and font-language-override. Demos show browser font selection and dictionaries in action, automatic hyphenation, vertical text, ruby annotations, and a recreated 1927 poster built in HTML/CSS. A surprising spec detail: about 174 predefined numeral systems for list counters.
AI-written summary · about
chapters (30)
- 0:00Introduction
- 0:35Who am I
- 1:12CSS
- 1:55I18N
- 2:13What is internationalisation
- 3:34What is CSS
- 4:38Internationalisation
- 5:34The Lang attribute
- 7:15Lang pseudo class
- 9:30Attribute selectors
- 10:30Pseudoclasses
- 11:54CSS of things
- 13:19Font Synthesis
- 13:56Font Selection
- 17:14Font Language Override
- 18:29Text Transform
- 19:41Line Breaking
- 21:15Other languages
- 22:44Wordbricks
- 23:19Hyphens
- 24:38Writing Mode
- 25:59Text Orientation
- 27:07Bidirectional Styling
- 28:35Vertical Text
- 29:28Vertical LR
- 30:49Logical Properties
- 31:28Logical Properties Example
- 32:38Lists and counters
- 34:00Fistbus
- 34:33Conclusion
related talks
15mWriting CSS in the year 3019
28mSyntax Highlight Everything
29mWeb typography: a non-English perspective
28mi18n, l10n & Principles for a More Accessible Web
42m3.14 Things You Didn't Know About CSS (Updated)
20mReimagining web layout for accessible multilingual content
51mCSS
01h 00mThe CSS You Don’t Know About