2011-05-15 89 views
2

我在我的WordPress主題中使用Google Web Fonts API,並偶然發現了一個奇怪的問題:字體無法在FF4或IE9中加載(在Safari,Chrome中很好,Opera和IE8 ...)。Google Web字體無法加載到FF 4.0或IE9中

我檢查了頁面的源代碼,以及創建的鏈接,谷歌的字體樣式表,一切工作正常的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有問題,並完全忽略谷歌字體。

這裏是有問題的鏈接到網站/主題:http://dev.gentlecode.net/agency

+0

我不認爲這是問題,但如果你不使用的Cufón了,你可以擺脫'<腳本類型=「文本/ JavaScript的「> Cufon.now();'接近您的標記底部。 – Marcel 2011-05-15 10:15:03

+0

我使用兩個(設置在主題選項面板,谷歌字體或Cufon),忘記只顯示這個,如果Cufon被選中,謝謝:) – Justine 2011-05-15 10:22:45

+0

這谷歌網頁字體API使用cufon字體,所以你可以檢查這是否谷歌使用cufon這個,然後你可以通知谷歌重新生成ie9或ff4這個cufon,因爲它們都不支持舊cufuns。 – 2011-05-15 10:11:40

回答

3

看看在這個問題你的CSS,它缺少一個逗號'Helvetica Neue'後。

+0

先生,你是英雄。非常感謝,我永遠不會注意到這段代碼久了。 – Justine 2011-05-15 10:38:04

+0

@Justine:沒問題。另外,Arial在這個字體堆棧中可能有點多餘。 – Marcel 2011-05-15 10:39:58

1

很好,它的替代也將是可能fontsquirrel =)