topic Re: Loading Google Fonts from own Server in CMS Development

Loading Google Fonts from own Server

JBaum114 — Tue, 25 Oct 2022 12:37:05 GMT

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

Re: Loading Google Fonts from own Server

MBERARD — Tue, 25 Oct 2022 14:28:49 GMT

Hi JBaum114,

If think you need to perform every step of this answer to use your google font from HubSpot server 🙂

Hope it helps.

Matthieu

matthieu.berard@markentive.com

Re: Loading Google Fonts from own Server

JBaum114 — Wed, 26 Oct 2022 06:14:02 GMT

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

Re: Loading Google Fonts from own Server

MBERARD — Wed, 26 Oct 2022 08:23:09 GMT

Hi Janosch,

What do you mean by stantard in HubSpot? In Rich Text?

Matthieu

matthieu.berard@markentive.com

Re: Loading Google Fonts from own Server

JBaum114 — Wed, 26 Oct 2022 11:59:52 GMT

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

Re: Loading Google Fonts from own Server

MBERARD — Fri, 28 Oct 2022 08:07:18 GMT

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 🙂

Matthieu

matthieu.berard@markentive.com

Re: Loading Google Fonts from own Server

JBaum114 — Wed, 02 Nov 2022 08:27:31 GMT

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

Re: Loading Google Fonts from own Server

MBERARD — Wed, 02 Nov 2022 08:45:39 GMT

That's good to know indeed 👍
Happy to helped!

Have a nice day!

Matthieu

matthieu.berard@markentive.com