Know the Code

Developing & Empowering WordPress Developers

Google Fonts and Your CSS

Lab: Adding Google Fonts to Your WordPress Website

Video Runtime: 08:38

Skip to episode playlist

In this episode you will learn about how to work with the Google Fonts’ site, how to select the styles, and then what are the options they supply. Then you will work in Google Chrome Developer Tools to find where the insert the CSS. You will also see the result of when you forget to enqueue the resource, as the font is not loaded. Let’s get into the code as well as exploring the HTML and CSS tools available to you.

Adding Google Font to CSS

Who needs copy/paste? Right. Writing code from scratch is fun!

Episodes

Total Lab Runtime: 00:18:35

Back to the lab's opening page.
We're giving you the keys to build whatever you want in code.
Get Started

Know the Code develops and empowers professional WordPress developers, like you. We help you to grow, innovate, and prosper.

Know the Code flies on WP Engine. Check out the managed hosting solutions from WP Engine.

WordPress® and its related trademarks are registered trademarks of the WordPress Foundation. The Genesis framework and its related trademarks are registered trademarks of StudioPress.
This website is not affiliated with or sponsored by Automattic, Inc., the WordPress Foundation, or the WordPress® Open Source Project.