[Resolved] Load Webfonts (also) via SSL

[shorshe]

Hi Tom!

I recently updated my sites to use SSL throughout all of the content. I use Letsencrypt as a free certificate authority.

I’m getting mixed content warnings in Chrome, as the web fonts from google will load over http:.
Google will deliver the fonts via https, I checked that.
Do you thing it would be possible to make the web fonts optionally load via https?

[Tom]

Hi there,

The fonts should load over https regardless – can you link me to your site?

[shorshe]

Hi Tom,

the site is https://baubiologie-brida.de

I’m getting the following errors in chrome devtools:
Mixed Content: The page at 'https://baubiologie-brida.de/' was loaded over HTTPS, but requested an insecure font 'http://fonts.gstatic.com/s/ptsans/v8/lILlYDvubYemzYzN7GbLkInF5uFdDttMLvmWuJdhhgs.ttf'. This request has been blocked; the content must be served over HTTPS.

And also a warning sign (shield)

[Tom]

Hmm interesting, hard to tell with the caching plugin activated as I can’t really view the source.

I’m using Google Fonts here on this site while enforcing site-wide https with no issues.

It may be from a different plugin? Try #1 on this page: https://generatepress.com/knowledgebase/debugging/

[shorshe]

Thanks!

After deactivating and reactivating all the other plugins fonts are now served via https.

Seems like the builtin purge function of the caching plugin did not purge properly.
🙂

[Tom]

Awesome, glad I could help 🙂

[Author]

Posts