Self-Hosting Fonts Explained - Including Google Fonts - @font-face Tutorial
Kevin Powell via YouTube
Future-Proof Your Career: AI Manager Masterclass
AI, Data Science & Cloud Certificates from Google, IBM & Meta
Overview
Google, IBM & Meta Certificates – 40% Off
One Coursera Plus subscription covers most Professional Certificates on Coursera.
Unlock All Certificates
This beginner tutorial explains how to obtain, convert, self-host, and use web fonts in a project with CSS @font-face rules.
Syllabus
- Introduction
- Getting fonts from Google fonts
- The problem with downloaded Google fonts
- Converting from .ttf to .woff and .woff2
- Adding the fonts to a project
- Setting up @font-face rules to use the fonts in our CSS
Taught by
Kevin Powell