Cant find google fonts

Community resources
1

Hello,

I work currently with a template and somehow are google fonts being loaded. I have no idea, I checked every breakpoint etc. Can someone help:

2

Hi there!

You can verify if your site is using Google Fonts API by following these steps:

  1. Visit your published site
  2. Right-click and select “Inspect”
  3. Go to the Network tab
  4. Refresh the page
  5. Look for the webfont.js file in the list of loaded resources

If you confirm that Google Fonts are present and want to remove them, here’s how:

  1. Open the Style panel (keyboard shortcut: S)
  2. Use the Style selectors panel to identify all instances of Google fonts in your elements
  3. Remove or change these font instances to your preferred alternatives
  4. Navigate to Site settings > Fonts tab > Google fonts and delete the Google font
  5. Republish your site to apply the changes

Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.

3

Hey @Tom_Pranke ,

If no element at any breakpoint in your site uses the google font that is being loaded, as AI pointed out above, you can head to Site settings → Fonts, in order to check if any Google Font has been added there and delete it from there.

Here’s a short guide on it as well.

4

But I cant find them. Can you spot them?

5

Hey @Tom_Pranke ,

I can’t access your site’s settings but as an example if you have any added google font in your site settings, it will look as shown in the screenshot below:

AJ - Fonts
AJ - Fonts1797×746 63.1 KB

In your case, it might be Lato and if you do find a Google font added to your site settings, you can click on ‘Delete’ to get rid of it.

Also be sure no element actually uses any Google font in your site as stated by the documentation linked earlier.

Hope this helps.

6

Unfoirtunately there isnt a google font installed or on a differentz breakpoint. Is there any other possibility?

7

@Tom_Pranke

Find this element class and remove the font lato. It is what is causing the webfont.js load and the resulting font.

.dropdown-nav-link {
        color: #222;
        padding-top: 12px;
        padding-bottom: 12px;
        font-family: Lato,sans-serif;
        font-weight: 700
    }