Google Fonts https help!

Hi, please can you help me my website is working with https I noticed a slow load time and I checked the console and I found this.

https://staging.hwstech.co/apartamento-cartagena-apt-ctg-01/

Mixed Content: The page at ‘https://tucasasegura.co/apartamento-cartagena-apt-ctg-01/’ was loaded over HTTPS, but requested an insecure font ‘http://hwstechc.wwwls29.a2hosted.com/wp-content/themes/pro/framework/fonts/font_awesome/fontawesome-webfont.woff2?v=4.7.0’. This request has been blocked; the content must be served over HTTPS.

I found this on the web

Basically is removing http on Google fonts CSS, I think, please can you help me.

Note: this is a staging site you can modify whatever you need.

Hi, there!

It seems to be cache related. Empting Rocket cache seems to remove the issue.

Could you confirm this?

Thanks!

Hi, the problem persists.

Hi There,

I added this code to the .htaccess file and everything seems to work fine now:

<IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
</IfModule>

Cheers!

@thai the problem persists, pls check again, greetings.

Hi, there,

Your generated WP-Rocket “Critical Path CSS” (“Ruta crítica del CSS”) setting is causing the problem. See the “Static Files” (“Archivos Estáticos”) tab on WP-Rocket configuration.

Maybe it was generated on development stage, without SSL enabled and on another staging URL. Please check WP-Rocket docs here: http://docs.wp-rocket.me/article/108-render-blocking-javascript-and-css-pagespeed

Hope this helps!

2 Likes

@rafaelgou yes, that was the problem, thank you, take your like good man.

You’re welcome, glad to see you got fixed.

Thanks!