Google Web Fonts don't load in FF 4.0 or IE9
I'm using Google Web Fonts API in my WordPress theme and stumbled upon a weird problem: fonts don't load in FF4 or IE9 (it's fine in Safari, Chrome, Opera, and IE8...).
I checked the source of the page, as well as the PHP code that creates the links to Google Fonts stylesheets and everything works fine - the links are created:
<link rel='stylesheet' id='webfont-body-css' href='http://fonts.googleapis.com/css?family=PT+Sans&ver=3.1.2' type='text/css' media='all' />
<link rel='stylesheet' id='webfont-head-css' href='http://fonts.googleapis.com/css?family=Gruppo&ver=3.1.2' type='text/css' media='all' />
and the styles are applied as well:
<style type='text/css'>
body, input, textarea { font-fam开发者_运维知识库ily: 'PT Sans', 'Helvetica Neue' Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-family: 'Gruppo', 'Helvetica Neue' Arial, sans-serif; letter-spacing: normal; }
</style>
It works fine in other browsers, but FF4 and IE9 have a problem with it and completely ignore the Google Fonts.
Here's the link to the site/theme in question: http://dev.gentlecode.net/agency
Look at your CSS in the question, it's missing a comma after 'Helvetica Neue'
.
well, an alternative to it would also be maybe fontsquirrel =)
精彩评论