Lessons: 18Length: 1.6 hours
- Overview
- Transcript
1.2 Variable Fonts for Fast Loading
Before we get into how you can use variable fonts, let’s take a quick look at why you should use them. We'll start with the fact that they are able to reduce your font loading time down to a fraction of what it is now.
1.Introduction
1.1Welcome to the Course00:36
1.1
Welcome to the Course
00:36
1.2Variable Fonts for Fast Loading04:33
1.2
Variable Fonts for Fast Loading
04:33
1.3Variable Fonts for Freedom and Creativity04:12
1.3
Variable Fonts for Freedom and Creativity
04:12
2.Understanding Variable Fonts
2.1Font Axes (Settings)03:44
2.1
Font Axes (Settings)
03:44
2.2Named Instances03:57
2.2
Named Instances
03:57
2.3Finding Variable Fonts03:07
2.3
Finding Variable Fonts
03:07
2.4Previewing Variable Fonts02:48
2.4
Previewing Variable Fonts
02:48
2.5UI Mockup With Adobe Software04:51
2.5
UI Mockup With Adobe Software
04:51
2.6Browser Support03:08
2.6
Browser Support
03:08
3.Let’s Get Coding
3.1Deploying Variable Fonts08:38
3.1
Deploying Variable Fonts
08:38
3.2High-Level and Low-Level CSS Properties06:39
3.2
High-Level and Low-Level CSS Properties
06:39
3.3Font Weight08:15
3.3
Font Weight
08:15
3.4Font Stretch (Width)07:54
3.4
Font Stretch (Width)
07:54
3.5Font Style (Slant/Italic)07:42
3.5
Font Style (Slant/Italic)
07:42
3.6Font Optical Sizing04:18
3.6
Font Optical Sizing
04:18
3.7Custom Axes06:37
3.7
Custom Axes
06:37
3.8Fallbacks08:13
3.8
Fallbacks
08:13
4.Conclusion
4.1Wrapping Up04:59
4.1
Wrapping Up
04:59
