Presented on Thursday, 14 June, 2018 at Frontend Masters

Jason in front of a screen with the workshop agenda showing on it

Frontend Masters run full-day workshops that are then recorded and made available to subscribers. They’ve had some of the best presenters and teachers in the business, so it was a real thrill to record a new version of my Responsive Typography course—this time covering Variable Fonts as well.

Course link


A Primer on Variable Fonts and Modern Digital Typography

Variable Fonts are fast becoming the new standard in supported web font technology—remarkably in only a little over a year since their introduction. In this workshop we will look at what makes Variable Fonts different, how they are being implemented now and what the possibilities are in the future. We’ll work through implementing variable fonts in a responsive site, coupled with the latest techniques in font loading, responsive scale using CSS custom properties (aka ‘variables’) and calculations, and look at what else we can combine to make beautiful, responsive, sustainable typographic systems for use on the web and in mobile applications. Finally, we’ll look at aspects of the user experience that we can improve in ways never before possible—challenging the very notion of what ‘good typography’ means and can be.##