Learn how to integrate web fonts into your WordPress themes, from sources such as Google Fonts, Adobe Edge Web Fonts, and Font Squirrel.
- View Offline
- [Voiceover] Hi, I'm Morten Rand-Hendriksen, staff author at lynda.com, and I would like to welcome you to WordPress Developer Tips: Using Custom Web Fonts. In this course, I'll show you how you can add custom web fonts from popular sources like Google Fonts, Adobe Edge Fonts, and fontsquirrel.com to your WordPress theme for better typography. First, I'll explain what web fonts are, and how they work. Then, we'll add two custom fonts from Google Fonts to our theme.
Next, we'll use a similar technique to add custom fonts from Adobe Edge Web Fonts. And finally, I'll show you how to generate and add a self-hosted custom font into your theme. Custom web fonts have made it possible to take the design and typography principles previously restricted to print and graphic design and include them in real-life code on the web. WordPress makes it easy to add custom web fonts to your content. And I'm excited to show you how to do it right.
So let's get cracking with WordPress Developer Tips: Using Custom Web Fonts.