Guide to Removing/Replacing Google Fonts in Divi

Jul 7, 2023 | Divi Tips | 0 comments

To address potential GDPR compliance and security concerns associated with loading Google fonts from their server, it is recommended to take the following steps in Divi. For more detailed information on this topic, refer to the link provided: https://www.consentmagic.com/google-fonts-and-gdpr.

  1. Disabling Google Fonts in Divi Theme Options:
    • Access the Divi theme options area.
    • Locate the option to disable Google fonts.
    • By disabling this feature, the default browser font set in the user’s preferences (usually Arial) will be loaded instead.
  2. Using Google Fonts Locally:
    • Visit the following URL: https://gwfh.mranftl.com/fonts/.
    • Select the desired font from the options on the left.
    • Choose the specific font styles or weights you wish to use.
    • Scroll to the bottom of the page and click the download buttons to save the font files to your computer.
  3. Implementing the Local Fonts in Divi:
    • Navigate to any page on your website and access the Divi Visual Builder.
    • Open the settings panel of a text module (or any module that allows text customization) and switch to the Design tab.
    • Expand the Text options by toggling the Text tab.
    • Within the Text Font dropdown menu, click the Upload button.
    • Assign a name to the font (any name of your choice).
    • Click the Choose Font Files button and select the downloaded font files.

    Pro Tip: For unique font names, upload them individually. Alternatively, you can upload multiple files together, and they will be automatically named.

    • Save the changes made to the text module and the entire page.
    • Refresh the visual builder page, and you will now find your newly added fonts available for use in all Divi modules.
  4. Applying the New Fonts Globally:
    • The newly added fonts will also be accessible in the Divi Theme Customizer section, allowing you to define them globally for header and body text areas.
  5. Verifying Font Usage:

By following these steps, you can successfully remove or replace Google fonts in Divi, ensuring compliance with GDPR regulations and enhancing the security of your website.

NOTE: I would like to mention that the method described above has been successfully implemented on the website you are currently viewing. By following the steps provided, Google fonts have been removed or replaced in Divi, addressing GDPR compliance and security concerns.

Need help with this?
Hire me for a consultation and I'll walk you thru the process.

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

5 star reviews
"WOW! Money WELL spent. Joseph was incredibly knowledgeable in helping me make some final tweeks to my Divi website. He was very caring and went above and beyond. Will 100% use him for any future Divi website needs."
Claire - CMMC

5 star reviews
"You really get what you pay for with Joe. He does more than simply build a website, he sets up websites for success. Functional, clean, professional designs and he keeps up/implements the latest plugins and technology. Thank you Joe. I will continue to refer you work."
Mark Winger

5 star reviews
"The best WordPress guy I’ve worked with on WordPress, hands-down (and I’ve worked with dozens). Remarkably good with theme customizations with a quick turn. Kept it on budget as well. A rarity with hourly contracts."
Nate Wright

5 star reviews
"Thanks for your prompt reply. You’re always so comprehensive. If we could write another review just for your communication skills, then we would."
Alex N

More Tips

Looking for some deals?

Ad - Web Hosting from SiteGround - Crafted for easy site management. Click to learn more.

Cloudways Hosting

WPEngine Hosting

Pressable Hosting

AccuWeb Hosting

Divi PHP Code Module

Ask a Question

"*" indicates required fields