Google fonts not loading in Windows browsers, but do load on Mac browsers

Question

Stackers.

I'm working as the Front End guy on www.PinionLMS.com.

We're using "Lato," a Google font.

The problem is that when you load the site from a Win (8.1) browser, FF, Chrome, IE, the font doesn't load and defaults to sans-serif.

Yet, when you load it on a Mac browser it shows up just fine.

Suggestions?

Answer 1

Your page in developer tool says

The page at 'https://pinionlms.com/' was loaded over HTTPS, but ran insecure content from 'http://fonts.googleapis.com/css?family=Lato:300,400,700': this content should also be loaded over HTTPS.

Ritesh

Answer 2

You are trying to load a font using the http: protocol from a page loaded using the https: protocol.

Different browsers will react a little different to mixing secure content with unsecure content, and user setting may also affect the way that it is handled. Generally unsecure content will not load in a secure page unless you specifically allow it.

Just change the protocol in the link tag:

<link href='https://fonts.googleapis.com/css?family=Lato:300,400,700' rel='stylesheet' type='text/css'>