I've been developing a site that uses the Google Fonts API. It's great, and supposedly has been tested in IE, but when testing in IE 8 the fonts simply don't get styled.
I included the font, as Google instructs, thus:
<link href="http://fonts.googleapis.com/css?family=Josefin+Sans+Std+Light"
rel="stylesheet" type="text/css" />
and added its name to the front of a font family in CSS thus:
body { font-family: "Josefin Sans Std Light", "Times New Roman", Times, serif; font-size: 16px; overflow-y: scroll; overflow-x: hidden; color: #05121F; }
Works like a charm in Chrome, Firefox, Safari. No dice in IE 8. Anybody know why?
Best Answer
Looks like IE8-IE7 can't understand multiple Google Web Font styles through the same file request using the
link
tagshref
.These two links helped me figure this out:
The only way I have gotten it to work in IE7-IE8 is to only have one Google Web Font request. And only have one font style in the
href
of thelink
tag:So normally you would have this, declaring multiple font styles in the same request:
But in IE7-IE8 add a IE conditional and specify each Google font style separately and it will work:
Hope this can help others!