Hello,
I need to integrate the fonts locally and make sure that Google does not load any fonts. Unfortunately I can see that Google still loads some fonts, but I can’t find the answer or where the issue is.
Could anyone help?
Thanks in advance
Hello @Tom_Pranke, follow the steps from this article https://help.webflow.com/hc/en-us/articles/33961364593043-Add-Google-Fonts#important-webflows-google-font-int about removing Google fonts. You have to make sure that none of your classes have a Google font set as an style even if you deleted the font. I hope this helps!
1 Like
I think Oswald is probably the main one?
You have a lot of references, nearly 50 of them;
You can just go into each of them and change the font family, but I think you should be able to simply do a font swap. I’d try it on a clone of the site to see, but;
- Go to Google fonts directly
- Download the Oswald font file to your system
- Rename it
Oswald lokal - Upload it as a custom font into Webflow
- Remove the Google font ( done already I think )
Then reload the designer and check the font family on those elements, it should still show Oswald lokal.
Publish your clone to staging then check the network tab to ensure the browser is only using the Webflow-hosted Oswald rather than the Google-hosted webfont.js version.
Note if your bandwidth is near limit, I’d actually host your fonts somewhere else, they can be quite large.
1 Like
I removed all of the fonts. But the class: white banner tittle ist not editable and is the only one that uses the font. But I can’t find it.
Just drop a text element on the page and assign it that title, then you can access the styling.
It worked, but now the font lato is still loading. I checked and no class is using it. I can’t “clean up” any classes. Can you identify the problem?
dropdown-nav-link is using it.
Sorry for asking that much. But now I changed it, but it seems that this class loads the font? But it seems that this class exists 2 times with different style.
Thank you for helping.
Ooh that’s a good glitch 
Webflow’s style panel tool isn’t recognizing the font use on a breakpoint-specific override.
I’m guessing that you’re looking at the CSS file which is the right approach-
Styles override at breakpoints which you’ll see inside of @media {} groupings but they’re difficult to find.
The short answer is that in this case, you have Lato used on Nav Link Dropdown on the Tablet breakpoint.
But I’ve done a video of this as well to help others. Are you ok if I add this to Sygnal’s site to the fonts course?
1 Like