Modern Typographic Systems With Variable Fonts

Explore the transformative world of variable fonts and their impact on web design in this conference talk from CSSconf EU 2019. Discover how variable fonts, when combined with CSS custom properties and calculations, revolutionize typography and user experience. Learn to create dynamic, fluidly scaling typography that adapts to screen size and user context. Delve into the performance and design implications of this evolution in type design, and understand its potential for enhancing design systems and accessibility. Gain insights into topics such as CSS locks, dark mode implementation, and progressive font enrichment. Examine real-world applications through case studies of Georgia Gov and IBM websites.

Intro
Variable Thoughts
Why Variable Fonts
CSS Custom Properties
Variable Fonts
Screen Size
CSS Locks
User Experience
Dark Mode
Georgia Gov
IBM
Progressive Font Enrichment