Using Variable Fonts on the Web

Duration: 180 mins
Jason Pamental
Designer, Strategist, Tinkerer, Typographer at

This workshop will introduce you to variable fonts, what they’re good for, where to get them, how to use them, and why you should care. We will introduce the variable font format through a number of live projects and examples. We’ll explore the different kinds of variations, see how they integrate with existing CSS and a couple of new attributes, and discover what they offer for design, accessibility, and performance. The first part of the workshop will focus on what variable fonts are, and how they impact design, accessibility, and user experience (including examples in real projects and example code). The second part will focus on how to implement them well, tips for improving loading performance and page render times, how to set up self-hosting of the fonts, and how to work with the Google Fonts API to use their catalog of available variable fonts. It will be as hands-on as you want it to be: slides and sample code will be available to code along if you like, but it is not required.

You may also be interested in

180 mins
Modern Software Development

Our industry never stops changing, but sometimes those changes are trivial and fluffy and we can ignore them. Sometimes they...

50 mins
Sailing through Digital Transformation

The current health crisis is rapidly reshaping, for the better, what was already a key agenda for organizations in 2020...

50 mins
Slowdown to Gain Speed: Technical practices that take time but save time

As a software development manager or a technical leader you are eager to remove impediments so your team can produce...

50 mins
The Dao of Tech Leadership

Effectively managing humans requires a certain level of self-awareness. Therefore, understanding your WHY and what drives you is vitally important...

50 mins
10x productivity for Developers and Architects

Productivity is key to success in software development. We will be exploring different principles, so you do not have to...

25 mins
Eliminating Hero Culture on our Engineering Teams

Hero Culture can be found within any company dominated by employees that are constantly rewarded for going the extra mile,...