Disabling Google Fonts still leads to Google Fonts connections

kondrich

Hi,

I tried to disable Google Fonts in Flix 2.0.0 (T4 Framework 2.0.3), but there are some issues.

I downloaded the necessary fonts and CSS styles via https://google-webfonts-helper.herokuapp.com, copied the font files to /templates/ja_flix/fonts/ and created a style.css there containing the style information I got.
Then I created a new style, disabled Google Fonts in Flix' Site Settings, provided the path to my style.css as /templates/ja_flix/fonts/style.css, selected the fonts in Typography (DM Sans; Regular) and Heading (Barlow Semi Condensed; Medium), saved the style, saved the template configuration, applied the new style also in the other template style and emptied all caches.

Here are the two issues:
1. <link href="https://fonts.googleapis.com/css?family=DM+Sans%3A400%2C500%7CBarlow+Semi+Condensed%3A400%2C500%2C600%2C700%2C800%2C900%7CBarlow%3A400%2C700%2C" rel="stylesheet" type="text/css" /> is still in generated HTML code and my browser's network monitor shows Google CSS and font connections.
2. The headings on the site are looking a little bit differently.
"Medium" is thinner than before for the first featured article with title "VEREINSREKORD, LANDESMEISTER …" . I have to select "Extra bold" to get the same visual experience for it as before.
On the other hand, the rest of the news articles on the front page now show thicker headings as before with "Medium".

I will post some screenshots, and I hope that they can explain the differences:
With Google Fonts enabled:

With Google Fonts disabled and Barlow Semi Condensed Medium as with Google Fonts:

With Google Fonts disabled and Barlow Semi Condensed Extra-bold:

So my questions are:
1. Why are there still connections to Google Fonts?
2. Why are the headings looking differently? How to solve this, and get the same visual experience as with Google Fonts enabled?

Kind regards,

Klaus

saguaros

Hi Klaus,

It seems to be an issue in loading GG font here, I've reported to the team for further checking.

Regards

kondrich

saguaros
Hi, do you have any news on this topic?

I just updated to T4 Framework 2.0.4, but it did not resolve the issue.

saguaros

kondrich I've reported to the team again to check this. Kindly wait.

kondrich

T4 Framework update 2.0.5 removed connections to Google Fonts as expected. However, the site now looks like this:

So the headings of the articles still look different as before.

It's strange that the preview in style editor looks as expected, but the site itself shows different fonts. IT seems to me that the self-hosted fontes are not loaded and used at all even though they were selected in style editor in Typography and Headings. I cannot see them in Firefox network monitor.

I switched back to default style using Google Fonts until this is clarified/fixed to have the site displayed as expected.

saguaros

Hi kondrich I will update here when having news from the team. Regards

kondrich

Are there any updates on this issue?
The Munich Regional Court has ruled that the integration of dynamic content from US-services like Google Fonts without the user's consent is illegal and does not comply with the GDPR.

saguaros

Hi kondrich

I will check this again and get back to you soon.

kondrich

Again: Any updates?

saguaros

kondrich I'm working on this, will get back to you shortly.

saguaros

Maybe cache from your server side? I just disabled the Google Font and don't see the link to fonts.googleapis.com anymore.

Could you check again?

kondrich

saguaros Please see my post from September, 21st: T4 Framework 2.0.5 removed the connections to Google Fonts. This was not an issue since then.

However the site looks different when Google Fonts are disabled even tough local Google Fonts were selected in template (compare the screesnhots above).
Right now the site looks exactly like on September, 21st (a long time, hu?). But this is not Flix style.

saguaros

kondrich It due to the JCHOptimize extension which compresses files and may cache.

I just temporarily disabled compression from this extension, could you clear your browser's cache and check?

kondrich

saguaros This does not help. I tried this several times, believe me (again right now). And btw: Our test site has caching disabled, but it shows the same display issues not using the fonts as described last fall.

saguaros

kondrich Could you share screenshot of the font not loaded correctly?

kondrich

saguaros
Site as displayed in Firefox after purging Firefox cache:

Site as displayed in Google Chrome:

saguaros

kondrich

Here is what I can see in both Firefox and Chrome, the title now gets the font-family: Barlow Semi Condensed

kondrich

saguaros But why isn't it displayed like with Google Fontsd enabled (see first screenshot in initial post here or your demo site).

saguaros

kondrich Let me see and get back to you shortly.

kondrich

Is there any news on this topic?

German and Austrian website operators are more and more getting adhortatory letters if they are using Google Fonts hosted by Google duet to GDPR. Self-hosting Google Fonts would avoid the exposure to such expensive experiences.