Variable fonts are the next big thing in web typography. They allow for more creativity and design freedom than web designers have ever had with type before. And that’s all while reducing your font load time down to a half, or even less! ► Envato Elements: fonts, templates, images and more: https://elements.envato.com/?utm_campaign=yt_tutsplus_9IFqv5uVP_c&utm_medium=referral&utm_source=youtube.com&utm_content=description
In this course with Kezz Bracey, 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.
Source Files: https://github.com/tutsplus/Up-and-Running-with-Variable-Fonts
1 – Introduction
00:00:00 1.1 – Welcome to the Course
00:00:59 1.2 – Variable Fonts for Fast Loading
00:05:32 1.3 – Variable Fonts for Freedom and Creativity
2 – Understanding Variable Fonts
00:09:45 2.1 – Font Axes (Settings)
00:13:29 2.2 – Named Instances
00:17:27 2.3 – Finding Variable Fonts
00:20:34 2.4 – Previewing Variable Fonts
00:23:23 2.5 – UI Mockup With Adobe Software
00:28:14 2.6 – Browser Support
3 – Let’s Get Coding
00:31:23 3.1 – Deploying Variable Fonts
00:40:02 3.2 – High-Level and Low-Level CSS Properties
00:46:40 3.3 – Font Weight
00:54:56 3.4 – Font Stretch (Width)
01:02:51 3.5 – Font Style (Slant/Italic)
01:10:34 3.6 – Font Optical Sizing
01:14:53 3.7 – Custom Axes
01:21:30 3.8 – Fallbacks
4 – Conclusion
01:29:43 4.1 – Wrapping Up
Forum: https://forums.envato.com/c/project-making/envato-courses-and-tutorials?utm_campaign=yt_tutsplus_9IFqv5uVP_c&utm_medium=referral&utm_source=youtube.com&utm_content=description
– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: https://tutsplus.com?utm_campaign=yt_tutsplus_9IFqv5uVP_c&utm_medium=referral&utm_source=youtube.com&utm_content=description
Envato Elements
All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes.
► Download Unlimited Stock Photos, Fonts & Templates with Envato Elements: https://elements.envato.com?utm_campaign=yt_tutsplus_9IFqv5uVP_c&utm_medium=referral&utm_source=youtube.com&utm_content=description
► Subscribe to Envato Tuts+ on YouTube: https://www.youtube.com/tutsplus
► Follow Envato Tuts+ on Twitter: https://twitter.com/tutsplus
► Follow Envato Tuts+ on Facebook: https://www.facebook.com/tutsplus
– – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – – –