Lessons: 18Length: 1.6 hours
- Overview
- Transcript
2.1 Font Axes (Settings)
At the core of what makes variable fonts work is each “axis” they contain, with “axis” being the name given to the modifiable parameters of that font. Let’s check out some variable font axes in this lesson, looking at how they work and what they can do.
Related Links
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
