Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
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.
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 in to your theme. Custom web fonts have made it possible to take the design and typography principals previously restricted to print and graphics 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.
There are currently no FAQs about WordPress Developer Tips: Using Custom Web Fonts.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.