- Overview
- Transcript
1.1 Welcome to the Course
In this introduction, I’ll quickly show you what we’ll be dealing with in the coming lessons. While I briefly explain what variable fonts are, you’ll see a number of demonstrations which make it clear what’s so special about them.
1.Introduction
1.1Welcome to the Course00:36
1.2Variable Fonts for Fast Loading04:33
1.3Variable Fonts for Freedom and Creativity04:12
2.Understanding Variable Fonts
2.1Font Axes (Settings)03:44
2.2Named Instances03:57
2.3Finding Variable Fonts03:07
2.4Previewing Variable Fonts02:48
2.5UI Mockup With Adobe Software04:51
2.6Browser Support03:08
3.Let’s Get Coding
3.1Deploying Variable Fonts08:38
3.2High-Level and Low-Level CSS Properties06:39
3.3Font Weight08:15
3.4Font Stretch (Width)07:54
3.5Font Style (Slant/Italic)07:42
3.6Font Optical Sizing04:18
3.7Custom Axes06:37
3.8Fallbacks08:13
4.Conclusion
4.1Wrapping Up04:59
1.1 Welcome to the Course
Variable font is set to be the next big thing in web typography, especially when you consider they're coming from a rare cooperative effort between Microsoft, Apple, Google, and Adobe. They allow for more creativity and design freedom than web designers have ever had with type before. And that's all while simultaneously reducing your font load time down to a half, a third, a quarter, or maybe even less. In this course, you'll learn what variable fonts are, why they're such a big step forward, and everything you need to know to start designing with them and using them in your websites. So let's get up and running with variable fonts. I'll see you in the first lesson.
Back to the top
