SSL Install - Google Fonts Issue - Http to Https

[loope42]

I have just installed ‘Let’s Encrypt’ SSL on my site. The install went well except for one issue – google fonts are being loaded via Http instead of Https. How/where do I update the address for fonts.google.apis to Https? Please let me know what solution you recommend.

Thanks

[ruenel]

Hello There,

Thanks for writing in! Please go to Settings > General and make sure that the Site URL and WordPress Address URL is using https://.

You will also need to do a search and replace to make sure that all your links and images will be using https. This is needed because you may have inserted images in your page/post contents and it won’t be updated because it is already saved in the database. Only the search and replace can change it. You may install Better Search and Replace plugin to handle this task.

Hope this helps.

[loope42]

I am not sure this fully covers the question - so here is a bit more info.

When I put my site into whynopadlock dot com it returns the items below.

Number of insecure items: 3
Insecure URL: http://fonts.googleapis.com/css?family=Lato:300,700
Found in: https://wildsacredawakening.com/

Insecure URL: http://fonts.gstatic.com/s/lato/v14/nj47mAZe0mYUIySgfn0wpQ.ttf
Found in: http://fonts.googleapis.com/css?family=Lato:300,700

Insecure URL: http://fonts.gstatic.com/s/lato/v14/DvlFBScY1r-FMtZSYIYoYw.ttf
Found in: http://fonts.googleapis.com/css?family=Lato:300,700

Would something like this work? - https://theme.co/apex/forum/t/google-font-selector-in-text-editor/1594/2
Please advise the best way to make this update/change?
Thanks

[ruenel]

Hello There,

Thank you for the clarifications. I have investigated this issue and it turns out that you have inserted a custom css and that is causing this issue. You will have to update your custom css and make sure that it is using https. Please go to X > Launch > Theme Options > Global CSS (http://prntscr.com/evui3r) and find your @font css block. It should be updated into this:

    /*
    // Import font.
    */

    @import url(https://fonts.googleapis.com/css?family=Lato:300,700);

If you need anything else we can help you with, please let us know.