HostOnNet Blog

How do I fixed the SSL Mixed Content error with Google font

Looking for Linux Server Admin or WordPress Expert? We can help.

Today I upgraded a Wodpress theme for client website. But after the upgrade got a warning for Mixed Content as shown below in web browser’s error console.

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

Here is the steps I followed to fix the issue

Added theme files to Git

git init
git add .

Then searched for google font

 git grep google

Here is output

wp-organic-new/assets/css/default.css:@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);

Then I edited the default.css and updated the google font url with https

About Sibi Antony

Bootstrap and Android LOVER. I've been creating things for the web for over 10 years, from the period of flash and table based layout web sites till mobile and tab friendly web sites.
Posted in Wordpress

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.