Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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.

like image 271
Michael Rader Avatar asked Dec 12 '12 05:12

Michael Rader


People also ask

How do I enable fonts in Chrome?

Select the Menu button in the top-right corner of the browser window or press Alt + F on your keyboard. Select Settings. Click Appearance on the left-hand side then click Customise fonts on the right. Use the drop-down menus to choose which fonts to use for the Standard, Serif, San-serif and Fixed-width styles.

Why are fonts in Chrome messed up?

A recent software update or have an app installation may have changed Chrome font. More likely, it is possible that the hardware installed on your computer may be malfunctioning and requires troubleshooting if you see that the Chrome fonts look bad.


2 Answers

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.

like image 84
dwarring Avatar answered Sep 19 '22 23:09

dwarring


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.

like image 25
Chris Calo Avatar answered Sep 18 '22 23:09

Chris Calo