Google Web Fonts don't load in FF 4.0 or IE9

Question

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&#038;ver=3.1.2' type='text/css' media='all' />
<link rel='stylesheet' id='webfont-head-css'  href='http://fonts.googleapis.com/css?family=Gruppo&#038;ver=3.1.2' type='text/css' media='all' />

and the styles are applied as well:

<style type='text/css'> 
    body, input, textarea { font-family: '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

Answer 1

Look at your CSS in the question, it's missing a comma after 'Helvetica Neue'.

Answer 2

well, an alternative to it would also be maybe fontsquirrel =)