One of the more difficult things to do with a WordPress site, if you're not familiar with using CSS, is changing fonts. The Easy Google Fonts plugin makes it very easy to make changes to fonts without having to touch the CSS code or other WordPress files.

Easy Google Fonts plugin page

Google provides a free library of fonts on their Google fonts site. These fonts can be used adding code and also by plugins that make easier for the non-technical user. The Easy Google Fonts plugin by Sunny Johal and Amit Kayasth (Titanium Themes) is a highly rated and up-to-date plugin that provides an easy way to use Google Fonts on your WordPress site. This tutorial shows you how load and then use the plugin to add Google fonts to your WordPress site.

Easy Google Fonts plugin page

Loading the Plugin

  1. Login to the WordPress Administrator
  2. Click on Plugins in the menu at left
  3. Click on Add New
  4. choose right plugin

    In the top right hand corner, type in "Easy Google Fonts" in the search bar. Make sure to select the plugin by Titanium Themes

  5. Edit Tags page

    Click on the Install Now button, then click on Activate Plugin after it finishes installing

How to Use Easy Google Fonts

Now that you have Easy Google Fonts plugin installed, the next step is to see it in action. Follow the steps below and we will show you how to use the plugin to modify the fonts in your WordPress site. Note: Some fonts on a theme, like the site title, may not be directly affected by the plugin.

  1. Login to the WordPress Administrator
  2. Click on Appearance, then click on Customize. Or, in the menu at top, click on Visit Site, then click on Customize in the top menu.
  3. Tutorial menu appears

    You will notice that there is a newly added menu item called Typography. Note that this option may differ from theme to theme. This tutorial uses the default Twenty-sixteen theme. Click on Typography.

  4. Edit Tags page

    Like the style sheets in other websites, fonts can be controlled by the sections of the page. For example, in the Twenty-sixteen theme, these sections include: Paragraphs, Heading 1, Heading 2, Heading 3, Heading 4, Heading 5, and Heading 6. For this tutorial, we're going to alter the "Heading 1" font so that we can see how it immediately impacts the site. Click on the drop-down arrow next to Edit font for Heading 1. Try changing several of the headers, then create a test post and look at the different headers to see the effect. Note that the Site title may be controlled by the theme so the change does not affect this font.

  5. See the changes to the fonts dynamically

    You can also click on the Appearance tab or the Positioning tab to change the color and position of the text. If you have your WordPress site set to show Posts (instead of a static page), you can watch the changes to the fonts happen dynamically.

  6. Once you have finished making your font changes, click on SAVE and PUBLISH in order to save your changes.

That completes our instruction on how to install and use the Easy Google Fonts plugin. It allows you to leverage the large library of free Google fonts on your website. Keep in mind that sometimes the theme may affect the fonts being used within the WordPress site. The Easy Google Fonts plugin does allow you to make custom font controls, but you will need to be familiar with the CSS that controls the theme's fonts. For more information check out the developer's video.

Did you find this article helpful?

We value your feedback!

Why was this article not helpful? (Check all that apply)
The article is too difficult or too technical to follow.
There is a step or detail missing from the instructions.
The information is incorrect or out-of-date.
It does not resolve the question/problem I have.
How did you find this article?
Please tell us how we can improve this article:
Email Address

new! - Enter your name and email address above and we will post your feedback in the comments on this page!

Did you find this article helpful?

Post a Comment

Email Address:
Phone Number:

Please note: Your name and comment will be displayed, but we will not show your email address.

Related Questions

Here are a few questions related to this article that our customers have asked:
Ooops! It looks like there are no questions about this page.
Would you like to ask a question about this page? If so, click the button below!
Need More Help?

Help Center Search

Current Customers

Email: Ticket: Submit a Support Ticket
Call: 877-595-4HUB (4482)
757-416-6627 (Intl.)
Chat: Click To Chat Now

Ask the Community

Get help with your questions from our community of like-minded hosting users and Web Hosting Hub Staff.

Not a Customer?

Get web hosting from a company that is here to help.