CODEWITHSUNDEEP
cssfonts
Steve
Steve

Reputation: 21

Google Fonts appearing as Comic Sans?

I'm currently redesigning a website and am having trouble making the Google Font API display correctly. I would like to display either "Short Stack" or "Permanent Marker", but both appear as a comic sans looking font... Can anyone help? Here is the website.

Upvotes: 1

Views: 2890

Answers (2)

jme11
jme11

Reputation: 17397

The problem is that you are loading the page over https but the google fonts are coming from http (which is therefore considered to be an insecure connection and being blocked). See the image below:

enter image description here

Change the google fonts to load over https and you should be good to go.

Upvotes: 0

Rashmin Javiya
Rashmin Javiya

Reputation: 5222

It block the stylesheet and shows a message. 

[blocked] The page at 'https://www.toontowninfinite.com/inc/pages/home.php' was loaded over HTTPS, but ran insecure content from 'http://fonts.googleapis.com/css?family=Permanent+Marker': this content should also be loaded over HTTPS.

Use secure HTTP in https://www.toontowninfinite.com/inc/pages/home.php

<link href='https://fonts.googleapis.com/css?family=Permanent+Marker' rel='stylesheet' type='text/css'>
                ^

Upvotes: 1

Related Questions