Among the easiest changes you may make to your blog would be to change the default fonts that come along with your own theme.
Choosing The right font combination can make your site go out of dull and boring to fabulous appearing in a matter of moments — and all you did was change the fonts.
For quite a couple of years now, Google continues to be an excellent resource of free fonts that are easy to implement on your own website.
What Is more, Google even gives you Directions on how to include the Desired fonts on the site. But, Google’s directions are not really designed to operate with WordPress.
These days, we have a look at how you can easily Use Google Fonts in your WordPress website.
How to Use Google Fonts with a Plugin
One of the easiest methods to incorporate Google Fonts to your site is using a plugin. There are numerous alternatives available, but not all plugins are made equal.
When selecting a plugin; listen to the overall rating and the date of the most recent upgrade. You want a plugin that has been lately updated which indicates the plugin has been actively maintained; as well as the one which has at least 4+ star rating.
Easy Google Fonts
Easy Google Fonts is our #1 choice in this case. It has a 5 star rating and it’s actively maintained. This little plugin allows you to pick and choose between any of the fonts listed in the Google Font directory.
What’s even better is it integrates with WordPress native customizer allowing you to get a live preview of the chosen fonts.
You can customize any font aspect and create custom font controls in your dashboard. There is even an option to enter your Google API Key which will allow you to update your theme any time Google Fonts gets updated with new fonts.
When it comes to customizing the fonts, you get complete control over the fonts styles, appearance and even positioning.
You can change the font’s color, size, and choose between different font weights. You can choose a different font for your paragraphs and each of the 6 headings.
How to Use Google Fonts Without a Plugin
Finally, you can add Google Fonts to your blog without the use of plugin, by manually inserting a few lines of code in your functions.php file and adding the correct selectors in your style.css file.
As always, it is recommended to do all of the code modification via child themes so you don’t lose the changes when theme update is released. You should also backup any files before making changes and if you’re uncomfortable making and changes with code, consider using one of the plugin options above.
The first thing you need to do is go to Google Fonts directory and select the fonts you want. It is recommended to limit your choice to no more than 2 to 3 fonts as adding more fonts increases your page load time.
Luckily, Google shows you exactly what kind of impact the selected fonts have on your page loading time so choose accordingly and choose only the styles you know you will use.
After you have selected the fonts, copy the little section of code that Google gives you and paste it into a text editor such as Notepad. The code will look like this:
Copy everything after href= up to but not rel=’stylesheet’. Open up your functions.php file and add this bit of code to it:
This method makes use of wp_enqueue_style function which is the proper way of adding styles and scripts to WordPress.
The last thing to do is to add the proper selectors to your stylesheet file. Open up that file and find the body selector. Replace the font provided there with your desired font. The end code will look similar to this:
You can do the same for your headings. Make sure you are using a child theme or custom CSS option as noted above, or your changes will be lost when the theme updates.
As you can see there are lots of methods for How to Use Google Fonts in WordPress.
The easiest way is with plugins, but including a couple lines of code is not that difficult either, and it’s my favorite method rather than installing a plugin for simple alterations.
Of course, choose the method that is simpler for you and keep in mind the approaches and suggestions outlined in this informative article.
Click on a Star to Rate it!