How you can Disable Google Fonts on Your WordPress Web site


Are you seeking to disable Google Fonts in WordPress?

Loading too many third-party fonts can decelerate your web site. Guests with a gradual web connection may have a greater person expertise for those who use just some system fonts. Plus, utilizing Google Fonts can probably make your website GDPR non-compliant, and nobody desires that.

On this article, we’ll present you methods to disable Google Fonts in your WordPress web site.

Why Disable Google Fonts on Your WordPress Web site?

The typography you select on your WordPress website performs an vital function in its design and model identification. That’s why many web site homeowners customise their typography through the use of Google Fonts.

Nonetheless, loading too many fonts may have a detrimental influence on WordPress performance. That’s why we suggest you select simply two fonts and use them throughout your web site.

Alternatively, you may disable Google Fonts fully and easily use the system fonts that include person’s pc. They appear nice and cargo a lot sooner, particularly for customers with a gradual connection.

That’s why we determined to disable Google Fonts once we redesigned the WPBeginner website. We needed to make it straightforward for everybody to study WordPress and develop their on-line presence, even when your web connection isn’t one of the best.

Disabling Google Fonts will not be the best choice for all enterprise web sites or blogs. Nonetheless, when you have guests from areas with poor web high quality, then that is a method you may present a greater person expertise.

Additionally, there are privateness points with Google Fonts that will make your web site non-compliant with legal guidelines like GDPR. Disabling Google Fonts lowers the danger your website might be caught in violation of any worldwide privateness legal guidelines.

With that being stated, let’s check out methods to disable Google Fonts in WordPress.

Disabling Google Fonts in WordPress With a Plugin

The very first thing it is advisable to do is set up and activate the Disable and Remove Google Fonts plugin. For extra particulars, see our step-by-step information on how to install a WordPress plugin.

Upon activation, the plugin will robotically disable all Google Fonts utilized by your theme and plugins. It doesn’t must be configured.

Now WordPress will robotically use a default font instead of any Google Fonts that have been getting used. You must fastidiously examine your web site to be sure you are proud of the fonts that are actually getting used.

If you need to decide on completely different fonts, then see our information on how to change fonts in your WordPress theme.

Disabling Google Fonts in OptinMonster

OptinMonster is one of the best lead-generation plugin for WordPress, and over 1.2 million web sites use the software program to grow their email list, improve gross sales, and get extra leads.

Nonetheless, OptinMonster makes use of Google Fonts by default. Fortunately, it’s straightforward to disable them.

Disabling Google Fonts in Particular person OptinMonster Campaigns

First, it’s best to go to the OptinMonster website and log in to your Marketing campaign Dashboard. After that, it is advisable to click on on a marketing campaign after which click on the Edit Marketing campaign button.

The OptinMonster Campaign Dashboard

This can open the OptinMonster Marketing campaign Builder.

Subsequent, it is advisable to click on the Settings icon on the backside left nook of the footer bar.

Click the OptinMonster Settings Button

Within the sidebar panel, it is advisable to choose the Superior tab.

Now you may scroll right down to the ‘Show Settings’ part and toggle ‘Allow net fonts?’ to the off place.

Toggle the Enable Web Fonts Toggle Off

When you click on the ‘Save’ button on the prime of the display, third-party fonts might be disabled for that marketing campaign.

You will want to repeat these steps for one another marketing campaign you wish to take away Google Fonts from.

Disabling Google Fonts For All OptinMonster Campaigns

In case you are comfy with adding JavaScript code snippets to your website, then you may disable Google Fonts on all OptinMonster campaigns without delay.

To disable Google Fonts in each marketing campaign, it is advisable to add this snippet in your web site’s header or footer:


If you wish to disable all net fonts, together with Google Fonts and FontAwesome, then it’s best to add this code snippet:


The best manner so as to add these code snippets is with WPCode, essentially the most highly effective code snippet plugin accessible for WordPress. It permits you to simply add customized code to any space of your website, and better of all, it’s free.

First, it is advisable to set up and activate the free WPCode plugin. For extra particulars, see our step-by-step information on how to install a WordPress plugin.

As soon as activated, it is advisable to go to Code Snippets » Headers & Footer.

Merely paste the code snippet within the Header discipline after which click on the ‘Save Adjustments’ button.

Adding a JavaScript Snippet Using WPCode

We hope this tutorial helped you learn to disable Google Fonts in your WordPress web site. You may additionally wish to see our ultimate WordPress security guide, or try our record of how to make money online blogging with WordPress.

In case you appreciated this text, then please subscribe to our YouTube Channel for WordPress video tutorials. You can even discover us on Twitter and Facebook.

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





Source link

Leave a Comment