[Resolved] Mixed Content: The page at URL was loaded over HTTPS, but requested HTTP

[Nir]

If I press F12 on my website page I get 60 errors like this (On Chrome developer console) –
Mixed Content: The page at ‘<URL>’ was loaded over HTTPS, but requested an insecure font ‘<URL>’. This request has been blocked; the content must be served over HTTPS.

For example 1 of the error is –
Mixed Content: The page at ‘https://lic.co.il/%d7%90%d7%99%d7%aa%d7%95%d7%a8-%d7%a0%d7%96%d7%99%d7%9c%d7%95%d7%aa-%d7%9e%d7%99%d7%9d/&#8217; was loaded over HTTPS, but requested an insecure font ‘http://lic.co.il/wp-content/themes/generatepress_child/fonts/open-sans-v15-latin-300.woff2&#8217;. This request has been blocked; the content must be served over HTTPS.

So I have /generatepress_child/fonts and I have there fonts and it is called with HTTP instead of HTTPS.
How can I change this to HTTPS?
From where do I get fonts directory here /generatepress_child/fonts?
Is it part of the theme?
Can I delete it?
Will it solve my problem?

[David]

Hi there,

in your @font-face CSS you would have specified a URL to load the fonts. Update the URL to include the HTTPS.

[Nir]

What is “@font-face CSS”?
A name of a file? I didn’t find this.
Is it in a specific file?
Is it in customization?

I really don’t know what are you talking about.

[Nir]

I Opened /home/licluzon/public_html/wp-content/themes/generatepress/css/font-awesome.css
And I get this –

@font-face {
font-family: ‘FontAwesome’;
src: url(‘../fonts/fontawesome-webfont.eot’);
src: url(‘../fonts/fontawesome-webfont.eot?#iefix’) format(’embedded-opentype’), url(‘../fonts/fontawesome-webfont.woff2’) format(‘woff2’), url(‘../fonts/fontawesome-webfont.woff’) format(‘woff’), url(‘../fonts/fontawesome-webfont.ttf’) format(‘truetype’), url(‘../fonts/fontawesome-webfont.svg#fontawesomeregular’) format(‘svg’);
font-weight: normal;
font-style: normal;
}

What is wrong here?
Is this the file I need to change?
Is this the CSS code you are talking about?

[David]

Before we go into that have you tried a plugin to rebuild your permalinks – this one usually does the trick:

https://en-gb.wordpress.org/plugins/velvet-blues-update-urls/

[Nir]

Sorry, but the plugin didn’t help.
I also tried the following plugins –
Search Regex
Better Search Replace
But it didn’t help.

[Longinos]

Hi @Nir
Maybe you have a css file in generatepress_child/fonts/ , in this file you are calling custom fonts with http nor https. Maybe the file is not here cause you use an agregator css files, but in some site of your web the css file that loads the font exists.
Hope this help

[David]

Ok – so as per my original point and Longinos comment ( Thank you ). Those fonts are being served from your child theme folders. Which means there must be a style.css in your child theme folder. Where you will find the @font-face CSS – it should be a case of updating the URLs there. Let me know.

[Nir]

I found here at wp-content/themes/generatepress_child –
style.css
And I changed every HTTP to HTTPS.
It solved the problem.

I have more errors to investigate in the console.
But this is resolved.

Many thanks for your help
Nir Petrank

[David]

Glad to hear that 🙂

[Author]

Posts