Insecure font blocking my https site
Dear stackoverflow experts,
I read on the stackoverflow forum about the problem but didn't find a solution
I am having a problem with my site https://baliradar.com since I have installed SSL. I changed all http links to https.
However, I can't seem to solve the unsafe font issue, but here's the console error message:
Mixed Content: The page at 'https://baliradar.com/' was loaded over HTTPS, but requested an insecure font 'http://fonts.gstatic.com/s/lato/v11/nj47mAZe0mYUIySgfn0wpQ.ttf'. This request has been blocked; the content must be served over HTTPS.
I searched the FileZilla watch in my winning agent pro theme files and other directories on my site, but I never found the html code for the font. I tried to search for certain keywords ("fonts", "gstatic") in my file manager from my CPanel, but no entries were found there.
I also tried using Chrome's "Developer Tool" to find the font source with no success.
I am clueless here and was wondering if anyone has an idea or solution?
Thank you for your time.
Xavier
source to share
There are several links http://
in your CSS code that are linked in your header like <link
rel="stylesheet" type="text/css" href="https://baliradar.com/wp-content/cache/minify/000000/e4a39/default.include.08bf2a.css" media="all" />
:
.mCSB_buttonRight{background-position:-80px -56px}@font-face{font-family:'Lato';font-style:normal;font-weight:300;src:local('Lato Light'), local('Lato-Light'), url(http://fonts.gstatic.com/s/lato/v11/nj47mAZe0mYUIySgfn0wpQ.ttf) format('truetype')}@font-face{font-family:'Lato';font-style:normal;font-weight:400;src:local('Lato Regular'), local('Lato-Regular'), url(http://fonts.gstatic.com/s/lato/v11/v0SdcGFAl2aezM9Vq_aFTQ.ttf) format('truetype')}@font-face{font-family:'Lato';font-style:normal;font-weight:700;src:local('Lato Bold'), local('Lato-Bold'), url(http://fonts.gstatic.com/s/lato/v11/DvlFBScY1r-FMtZSYIYoYw.ttf) format('truetype')}@font-face{font-family:'Lato';font-style:normal;font-weight:900;src:local('Lato Black'), local('Lato-Black'), url(http://fonts.gstatic.com/s/lato/v11/4cKlrioa77J2iqTqBgkRWg.ttf) format('truetype')}.currencyr{position:fixed;z-index:2147483647}.currencyr .currencyr-container,
It appears to be a mini version of your css, search the current theme for css files for phrases http
. You can do this using grep, for example:
grep 'http://fonts' * -R
source to share