css - Google Web 字体无法在 FF 4.0 或 IE9 中加载

Question

我在我的 WordPress 主题中使用 Google Web Fonts API 时偶然发现了一个奇怪的问题:字体无法在 FF4 或 IE9 中加载(在 Safari、Chrome、Opera 和 IE8 中没问题...)。

我检查了页面的源代码，以及创建 Google 字体样式表链接的 PHP 代码，一切正常 - 链接已创建:

<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' />

并且还应用了样式:

<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>

它在其他浏览器中工作正常，但 FF4 和 IE9 有问题并且完全忽略了 Google 字体。

这是相关站点/主题的链接:http://dev.gentlecode.net/agency

Answer 1

看看问题中的 CSS，它在 'Helvetica Neue' 之后少了一个逗号。