How to Disable Google Fonts on Your WordPress Website


Are you looking to disable Google Fonts in WordPress?

Loading too many third-party fonts can slow down your website. Visitors with a slow internet connection will have a better user experience if you only use a few system fonts. Also, using Google Fonts can potentially render your site non-GDPR compliant, and no one wants that.

In this article, we will show you how to disable Google Fonts on your WordPress site.

How to Disable Google Fonts on Your WordPress Website

Why Disable Google Fonts on Your WordPress Site?

The typography you choose for your WordPress site plays an important role in its design and brand identity. That’s why many website owners customize their typography using Google Fonts.

However, loading too many fonts will negatively impact WordPress performance. That’s why we recommend that you choose just two fonts and use them on your website.

Alternatively, you can completely disable Google Fonts and just use the system fonts that come with the user’s computer. They look great and load much faster, especially for users with a slow connection.

That’s why we decided to disable Google Fonts when redesigning the WPBeginner website. We wanted to make it easy for everyone to learn WordPress and grow their online presence, even if your internet connection isn’t the best.

Disabling Google Fonts may not be the right decision for all business websites or blogs. However, if you have visitors from areas with poor internet quality, this is one way to provide a better user experience.

Also, there are privacy issues with Google Fonts that can make your website non-compliant with laws like GDPR. Disabling Google Fonts reduces the risk of your site being caught in violation of international privacy laws.

That said, let’s see how to disable Google Fonts in WordPress.

Disable Google Fonts in WordPress with a Plugin

The first thing to do is to install and activate the Disable and remove Google Fonts connect. For more details, see our step-by-step guide on how to install a WordPress plugin.

Upon activation, the plugin will automatically disable all Google fonts used by your theme and plugins. It does not need to be configured.

Now WordPress will automatically use a default font instead of any Google fonts that were used. You should check your website carefully to make sure you are happy with the fonts that are currently in use.

If you want to choose different fonts, check out our guide on how to change fonts in your WordPress theme.

Disabling Google Fonts in OptinMonster

OptinMonsteris the best lead generation plugin for WordPress, and over 1.2 million websites use the software to grow their email list, increase sales, and get more leads.

However, OptinMonster uses Google Fonts by default. Luckily, it’s easy to turn them off.

Disabling Google Fonts in Individual OptinMonster Campaigns

First, you should visit the OptinMonster website and log in to your campaign dashboard. After that, you need to click on a campaign and then click on the Edit Campaign button.

The OptinMonster campaign dashboard

This will open the OptinMonster campaign builder.

Next, you need to click on the Settings icon in the lower left corner of the footer bar.

Click the OptinMonster Settings button

In the sidebar panel, you need to select the Advanced tab.

You can now scroll down to the “Display settings” section and toggle “Enable web fonts?” to the stop position.

Disable Enable Web Fonts

Once you click the “Save” button at the top of the screen, third-party fonts will be disabled for this campaign.

You’ll need to repeat these steps for each other campaign you want to remove Google Fonts from.

Disabling Google Fonts for all OptinMonster campaigns

If you are comfortable with adding JavaScript snippets to your site, you can disable Google Fonts on all OptinMonster campaigns at once.

To disable Google Fonts in every campaign, you need to add this snippet in your website header or footer:

<script type="text/javascript">
	document.addEventListener('om.Scripts.init', function(event) {
	event.detail.Scripts.enabled.fonts.googleFonts = false;
});
</script>

If you want to disable all web fonts, including Google Fonts and FontAwesome, you need to add this code snippet:

<script type="text/javascript">
	document.addEventListener('om.Scripts.init', function(event) {
	event.detail.Scripts.enabled.fonts = false;
});
</script>

The easiest way to add these code snippets is to use CodeWP, the most powerful snippet plugin available for WordPress. It lets you easily add custom code to any area of โ€‹โ€‹your site, and best of all, it’s free.

First, you need to install and activate thefree WPCode plugin. For more details, see our step-by-step guide on how to install a WordPress plugin.

Once activated, you must go toCode Snippets ยป Headers and Footers.

Simply paste the code snippet into the Header field, then click the “Save Changes” button.

Adding JavaScript snippet using WPCode

We hope this tutorial helped you learn how to disable Google Fonts on your WordPress website. You can also check out our ultimate WordPress security guide or check out our list of ways to make money blogging online with WordPress.

If you liked this article, subscribe to our Youtube channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

The post How to Disable Google Fonts on Your WordPress Website first appeared on WPBeginner.



Leave a Comment

Your email address will not be published.