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

LinkedIn Learning

CSS: Variable Fonts

via LinkedIn Learning

Go to class Write review

This course may be unavailable.

Datacamp Ad

PowerBI Data Analyst - Create visualizations and dashboards from scratch

Learn More → Coursera Ad

Coursera Plus Annual Nearly 45% Off

Learn More →

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Get a comprehensive guide to using variable fonts to make designs pop while preserving efficient use of bandwidth.

Syllabus

Introduction
  • Variable fonts: An introduction
1. Variable Fonts: The Big Picture
  • What are variable fonts?
  • Some examples of variable fonts
2. Variable Fonts: The Basics
  • The variation axis
  • Variation: Weight
  • Variation: Width
  • Variation: Optical size
  • Variation: Slant
  • Variation: Italic
  • Use browser tools to discover axis
  • Custom variation axes
2. Variable Fonts in Practice
  • Add a variable font
  • Style variable fonts using old properties
  • Use the font-variation-settings property
  • Interplay between variation axes
  • Use custom properties for easier styling
  • Design typography in the browser
3. Backward Compatibility
  • Current browser support
  • Providing proper fallbacks
Conclusion
  • Thanks, that was fun

Taught by

Morten Rand-Hendriksen

Reviews

4.8 rating at LinkedIn Learning based on 11 ratings

Start your review of CSS: Variable Fonts

Go to class

Never Stop Learning.

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

Sign up for free
Someone learning on their laptop while sitting on the floor.