我在我的 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&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' />
并且样式也被应用:
<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