2011-08-23 71 views
4

有沒有人知道爲什麼如果名字上有空格,IE7/IE8不會渲染Google字體?IE7/IE8上沒有渲染的Google字體

這裏你可以看到一個演示:使用「奧斯瓦德」使用「弗朗索瓦一號」(回退到格魯吉亞,使其更容易發現),另一個http://jsfiddle.net/fYzAb/1/

完全相同的兩個標籤,一個。

您可以在這裏看到的截圖http://screencast.com/t/dhhccz5n7O(IE),這裏是它應該如何渲染:http://screencast.com/t/9M9uhTYTw5n器(Chrome)

任何幫助將不勝感激!

BTW:這裏有一個類似的問題,http://www.htmlcodetutorial.com/comments/viewtopic.php?f=2&t=20841

PD:我知道我可以在相同的代碼調用兩種字體。

回答

6

我想你也發現了這樣一條:http://code.google.com/p/googlefontdirectory/issues/detail?id=1
(有今天關於弗朗索瓦一個帖子是,我猜它是你的)

有一種解決方案,適合我(我現在看到字體在IE6-9)

字體在IE中無法加載的最常見原因是由於字體作者錯誤地將字體名稱表編碼。 Josefin絕對是這種情況。家庭名稱+樣式名稱必須=全名。約瑟芬失敗了。 僅供參考 - fontsquirrel.com會自動更正這些問題的網頁字體。

這必須是真正的原因,這關係到IE

  1. 原始字體下載的TTF裏面的一些錯誤的命名來自google
  2. fontsquirrel.com上傳的字體和得到了我的「@字體face-套件」
  3. 上傳的套件
  4. 編輯的CSS關於向this bulletproof syntax
內部創建.eot

我只更改了EOT的URL到我上傳的字體,對於WOFF我仍然可以使用谷歌字體(但是我想最好對每個字體使用自己的文件,沒有人知道特定字體將會多長時間通過當前網址可以訪問)。

還要注意:字體家族名的CSS內使用,現在已更改爲FrancoisOneRegular

http://jsfiddle.net/doktormolle/nLUgJ/

+1

謝謝Dr.Molle,實際上FontSquirrel有字體,所以我跳過了第1部分和第2部分,但其餘部分工作得很好。 – leopic

1

嘗試將+號替換爲%20。我檢查了%20的網址,它也可以工作,也許它適用於IE。

https://fonts.googleapis.com/css?family=Francois%20One 
+0

不,沒有工作,在這裏試了一下:HTTP:// jsfiddle.net/kppcw/4/ – leopic

+0

你犯了錯誤。你在那小提琴中輸入了20%。它應該是%20。然後在src =「」上執行此操作,在CSS中保留:font-family:'Francois One'; – morsik

+0

你是對的,我只是糾正它http://jsfiddle.net/kppcw/6/,仍然無法正常工作。 – leopic

1

我認爲它可能是字體本身檢查這個

http://jsfiddle.net/gHury/1/

+0

您下載了字體,重新命名了它,但仍然無法正常工作?廢話,那是我的備份計劃。 – leopic