Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Getting Started with Variable Fonts on the Web

Kevin Powell via YouTube

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

Reviews

Start your review of Getting Started with Variable Fonts on the Web

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.