This course on variable fonts for web design aims to teach learners about the concept of variable fonts, their benefits in terms of creativity and design freedom, and how to effectively utilize them in web projects. By the end of the course, students will be able to understand font axes, named instances, and browser support related to variable fonts. They will also gain practical coding skills in deploying variable fonts, manipulating CSS properties, and implementing custom font styles. The teaching method includes video lectures, practical demonstrations, and coding exercises. This course is intended for web designers, developers, and anyone interested in enhancing their web typography skills using variable fonts.
Overview
Syllabus
1.1 - Welcome to the Course.
1.2 - Variable Fonts for Fast Loading.
1.3 - Variable Fonts for Freedom and Creativity.
2.1 - Font Axes (Settings).
2.2 - Named Instances.
2.3 - Finding Variable Fonts.
2.4 - Previewing Variable Fonts.
2.5 - UI Mockup With Adobe Software.
2.6 - Browser Support.
3.1 - Deploying Variable Fonts.
3.2 - High-Level and Low-Level CSS Properties.
3.3 - Font Weight.
3.4 - Font Stretch (Width).
3.5 - Font Style (Slant/Italic).
3.6 - Font Optical Sizing.
3.7 - Custom Axes.
3.8 - Fallbacks.
4.1 - Wrapping Up.
Taught by
Envato Tuts+
