Presented on Tuesday, 11 September, 2018 at ATypI Antwerp

Slide deck cover for Responsive Type & Typography

This will be the third time I’ve taught a workshop at ATypI, and I couldn’t be more excited about it. This will mark the first time I’ll be teaching variable fonts and an entirely new way of structuring a typographic system together using CSS variables and calculations. It’s something I’ve been working on over the past 6 months and is proving to be a very robust, effective approach. I can’t wait to share it. [NOTE: slides are from Typo Labs, but basically the same]

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.

Get the code on Github