Hi Community, Due to new regulations in Germany, I need to integrate the Google fonts into our server and load them from there. I also found an article already with an introduction guide(Solved: HubSpot Community - Einsatz von Google Fonts bei Landing Pages - HubSpot Community), but I’m currently stuck in the middle. I am hesitating to just try out the code and check what’s happening afterwards. My main problems are following: I already loaded our fonts into a folder in the file manager, but I’m not sure where to start. I found the theme-override.css, but if I put the font face rule it can automaticly overrite all sources of google urls with it? In the introduction it is somehow vague. He is giving a font face rule template and is indicating, that there are some different hints that someone needs to consider, but it was not specified enough for me and I can’t risk to play around with the website. Please help, thank you

Hi Janosch, sorry for the delay… In that case you only need to update the fields.json to remove the call of the google font made by HubSpot. You can follow the step in the previous answer above. Then you need to update the override.css to set the font you want to use instead. Basicly replace every reference of the variable by your font :slightly_smiling_face: Matthieu matthieu.berard@markentive.com

Hi JBaum114, If think you need to perform every step of this answer to use your google font from HubSpot server :slightly_smiling_face: Hope it helps. Matthieu matthieu.berard@markentive.com

Hi Matthieu, Thank you for your answer, if we would decide to exchange all fonts into fonts that are already standard in Hubspot, would it be the same procedure? best regards, Janosch

Hi Janosch, What do you mean by stantard in HubSpot? In Rich Text? Matthieu matthieu.berard@markentive.com

Hi Matthieu, I would like to switch the google fonts to embetted standard fonts on the whole website. The issue is that I didn’t implement the google fonts before and I don’t know where to change them to erase them all, so they will not be loaded again. I would need to find all related stylesheets and change them. Meaning - there should be an excisting css for the embetted fonts, so I can adress them in other css for paragraph and h1, h2, aso. On top of that I need to get rit of all potential external google font loading actions, that might accure although I wouldn’t use them… I got the instructions from my higher management, that we would use standard fonts only and won’t even use internal embetted google fonts. But maybe the instruction that you sent is also appliying, I would just need to find the css for the standard fonts or I need to create it also…? Thanks for your support, best regards, Janosch

Thank you, also Hubspot released an update yesterday where they switch all fonts connected with Google to a domain based @font face based solution. So I can lean back and relax:) Thank you very much for the good answers though. best regards, Janosch

That’s good to know indeed :+1: Happy to helped! Have a nice day! Matthieu matthieu.berard@markentive.com

Loading Google Fonts from own Server

Develop, Build & Integrate CMS Development

MBERARD November 2, 2022, 8:45am 8

That’s good to know indeed
Happy to helped!

Have a nice day!

Matthieu

matthieu.berard@markentive.com

Topic		Replies	Views
Einsatz von Google Fonts bei Landing Pages Tips, Tricks & Best Practices starter	16	6134	December 9, 2022
Google Fonts Local Hosting GDPR	8	7175	November 1, 2022
How to disable Google Fonts? GDPR starter , gdpr	3	3331	November 1, 2022
Provide Landing Page template without default Google Font HubSpot Ideas content	1	1218	August 28, 2022
SEO recommendations - missing font CMS Development professional	2	3327	May 28, 2024

Loading Google Fonts from own Server

Related topics