Certain CSS elements not loading on https. Blocked due to mixed content.

This is related to this ticket: https://magnior.com/forums/topic/tab-title-font/. Replies stopped there and I’m pretty sure I found the root cause of the issue, so I’m making a new ticket. Feel free to merge the two if you like, I just felt this would be cleaner with the information I’ve found.

There seems to be an issue when loading the theme on a site over HTTPS. If you are on chrome and you open up the web developer tool and look at the network tab; load http://www.pressz2poop.com/, then load https://www.pressz2poop.com/. You’ll see that the http version of the site also loads http://fonts.googleapis.com/css?family=Lato%3A300%2C400%2C400italic%2C700%2C900&ver=4.5.2 which the https version does not. On the HTTPS version of the site, the theme still tried to load http://fonts.googleapis.com/css?family=Lato%3A300%2C400%2C400italic%2C700%2C900&ver=4.5.2 over http, not https, so the browser blocks the content due to it being mixed.

On HTTPS: http://i.imgur.com/zRzwGK4.png
On HTTP: http://i.imgur.com/J17niNa.png

How can I go about fixing this? Can you tell me what template fonts.googleapis.com/css?family=Lato%3A300%2C400%2C400italic%2C700%2C900&ver=4.5.2 is pulled from?

I also noticed that the following also has issues loading on both HTTPS and HTTP. https://csi.gstatic.com/csi?v=2&s=mapsapi3&v3v=24.11a&action=apiboot2&rt=main.9