CODEWITHSUNDEEP
cssgoogle-chromefonts
Michael Rader
Michael Rader

Reputation: 5967

No Google fonts working in Google chrome

Here is the link

If you click the squares within the black section they will change the font of the word to the left. All of the fonts are Google fonts but non of them are working in Google Chrome. I've searched the internet with no solution. All other browsers it is working fine.

Upvotes: 7

Views: 4397

Answers (2)

Chris Calo
Chris Calo

Reputation: 7838

This is a security feature of the browser that blocks http content included from a host page served via https. The fix is simple: just remove the protocol from all resource URLs (scripts, stylesheets, etc.). In your case, the URL to the fonts CSS becomes

//fonts.googleapis.com/css…

Notice that the URL has no http or https.

Upvotes: 1

dwarring
dwarring

Reputation: 4883

You are getting an error message that explains a bit more. Try pressing F12, then click on the Console tab. You'll see the error message

[blocked] The page at https://branard.com/index.php?option=com_brands&view=detail&id=16&Itemid=102 ran insecure content from http://fonts.googleapis.com/css?family=Erica+One|Monda|Sacramento|Oleo+Script+Swash+Caps|Text+Me+One|Seymour+One|Cagliostro|Qwigley.

Chrome now displays this message when you fetch insecure content via HTTP when the main page is running HTTPS.

It should just be a matter of changing the font url from http://fonts.googleapis.com/css to https://fonts.googleapis.com/css to secure this link.

Upvotes: 16

Related Questions