CODEWITHSUNDEEP
htmlcsswebfontsgoogle-webfonts
harryg
harryg

Reputation: 24077

Google WebFont not rendering in Internet Explorer 9

I have a website. It uses 2 Google webfonts for its headings and body text. These work fine on Chrome/IE/Safari (including mobile) but when I view the site on my office computer running IE9 on Win7 the Google fonts do not load and fall back to a sans-serif.

Here is what I see:

IE9:

enter image description here

Chrome:

enter image description here

I cannot figure out why IE fails to load the font as I am aware that Google font's are compatible with IE7+. I figure it might be a security setting but can't get to the bottom of it. Any ideas.

Upvotes: 1

Views: 1944

Answers (2)

Jason Vasilev
Jason Vasilev

Reputation: 310

On my IE9 it looked the same as in Chrome. Press F12 and make sure you are using proper Browser and Document Mode.

Upvotes: 1

coopersita
coopersita

Reputation: 5041

I don't know if this is the issue, but try changing your request to only one link tag:

<link href='http://fonts.googleapis.com/css?family=Oswald|Lato' rel='stylesheet' type='text/css'>

Perhaps loading two fonts in two different requests causes issues.

Upvotes: 1

Related Questions