Oct 25, 20225:01 AM - edited Oct 25, 20228:37 AM
Participant
Loading Google Fonts from own Server
SOLVE
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.
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 🙂
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...?
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 🙂
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.
