57m 1s – Advanced
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.
Introduction – 4m 3s
Welcome – 1m 14s
What to know before you start this course – 2m 49s
1. What Are Custom Web Fonts? – 6m 56s
Web fonts: A primer – 3m 16s
Where does the font live? – 3m 40s
2. Using Google Fonts in WordPress – 18m 56s
Selecting fonts from Google Fonts – 6m 24s
Enqueueing the Google Fonts stylesheet – 6m 2s
Applying Google Fonts to your content – 6m 30s
3. Using Adobe Edge Web Fonts in WordPress – 9m 5s
Selecting fonts from Adobe Edge Web Fonts – 2m 43s
Enqueueing the Edge Web Fonts JavaScript – 2m 49s
Applying Edge Web Fonts to your content – 3m 33s
4. Hosting Custom Fonts from Font Squirrel and Other Sources – 16m 23s
Getting a font kit from Font Squirrel – 4m 39s
Adding the font kit to your theme – 2m 24s
Editing the font kit stylesheets – 4m 42s
Enqueueing the custom font stylesheet – 1m 48s
Adding your custom font to the content – 2m 50s
Conclusion – 1m 38s
Exploring WordPress theme development with lynda.com – 1m 38s