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

50 mins
Definition of Ready & Done - A Guide to Achieving Predictability

Delivering software often takes longer than we anticipate. Why is that? Part of the reason is not understanding the nuances...

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...

30 mins
Up Your Engineering Game: Adopting the Good Parts of Startup Culture

We all know the hallmarks of startup culture: “act first, apologize later,”  “work hard, play hard,” "growth, growth and more...

180 mins
Foundations of Tech Leadership

According to a CareerBuilder study, only 40% of new engineering leaders receive formal training when they become a boss for...

25 mins
Uncovering your Personal Values

We regularly review our code and attend retros, but what about tracking and reviewing our personal identity? We all know...

25 mins
Designers + Developers = Best Friends Forever?

How is the relationship between your design team and your development team? Is it highly functional? Or 'just professional'? Maybe...