2,000+ Free Courses with Certificates: Coding, AI, SQL, and More
Learn Backend Development Part-Time, Online
Overview
Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This course explains how variable fonts work and how to use them on websites. It covers converting font files, declaring variable fonts with @font-face, identifying and controlling font axes, and using CSS custom properties.
Syllabus
- Introduction
- What are variable fonts
- Where we can find variable fonts
- Font weights - static vs variable
- Converting a variable ttf to a woff2
- Setting up the font face declaration to use a variable font
- Finding the different axis available in a font
- Working with custom axis
- Using custom properties to make the axis easier to work with
Taught by
Kevin Powell