WordPress Developer Tips: Using Custom Web Fonts

with Morten Rand-Hendriksen
please wait ...
WordPress Developer Tips: Using Custom Web Fonts
Video duration: 0s 57m 1s Advanced

Viewers:

Beautiful typefaces shouldn't be restricted to print. Web fonts make a wide range of typography accessible to web designers and developers too. This course offers a coding strategy for integrating web fonts into your WordPress themes, from services including Google Fonts and Adobe Edge Web Fonts. Staff author Morten Rand-Hendriksen also shows how to generate and apply a custom self-hosted font with Font Squirrel's font kit.

Subject:
Web
Software:
WordPress
Author:

Welcome

- [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.

please wait ...