htmlcssfontsprestashop

How can I check where the Google font request is coming from?

I recently installed a SSL certificate on my (prestashop) website. my site won't display a green bar because:

Mixed Content: The page at 'website' was loaded over HTTPS, but requested an insecure stylesheet 'http://fonts.googleapis.com/css?family=Open+Sans:400,800,300,700'. This request has been blocked; the content must be served over HTTPS.

I don't even use this font. I checked some CSS files and tpl header files but I can't find where this request is coming from.

when I inspect elements in Google Chrome the only thing I can find is: 'http://fonts.googleapis.com/css?family=Open+Sans:400,800,300,700'

is there a easy way to see from which file this request is coming from?

Solution

  • The request is being made from static-captions.css

    @import url(http://fonts.googleapis.com/css?family=Open+Sans:400,800,300,700);

.tp-caption.roundedimage img {
    -webkit-border-radius: 300px;
    -moz-border-radius: 300px;
    border-radius: 300px;
}

    enter image description here

    Give it a try with this

    @import url(//fonts.googleapis.com/css?family=Open+Sans:400,800,300,700);

.tp-caption.roundedimage img {
    -webkit-border-radius: 300px;
    -moz-border-radius: 300px;
    border-radius: 300px;
}

    Maybe google will rewrite the schemes embedded in that css response.

    It seems like it's a prestashop module causing the issue. Is there a module named "Rev Slider" or similar. Try removing that and see if the issue goes away.