This course teaches learners how to utilize variable fonts and CSS custom properties to create dynamic and fluidly scaling typography for the web. The course covers the combination of technologies and techniques to enable typography that reacts to screen size and user context, enhancing design systems and accessibility. The teaching method involves a conference talk format aimed at web designers and developers looking to enhance their typographic skills.
Overview
Syllabus
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
Taught by
JSConf
