2013-02-11 65 views
1

I have a website。它爲其標題和正文使用了2個Google網頁字體。這些在Chrome/IE/Safari(包括手機)上運行良好,但是當我在Win7上運行IE9的辦公室計算機上查看網站時,Google字體無法加載並回退爲無襯線字體。Google WebFont無法在Internet Explorer 9中渲染

這是我所看到的:

IE9:

enter image description here

鉻:

enter image description here

我想不通爲什麼IE瀏覽器無法加載字體爲我知道Google字體與IE7 +兼容。我認爲這可能是一個安全設置,但不能達到它的底部。有任何想法嗎。

+0

請發佈您用來嵌入字體的代碼(Google提供不同的方法) – coopersita 2013-02-11 17:25:08

+0

該網站似乎在w7-ie9上正確顯示菜單字體。什麼得到解決? – jedierikb 2014-01-07 16:02:12

回答

1

我不知道這是不是問題,但嘗試改變你的要求只有一個鏈接標籤:

<link href='http://fonts.googleapis.com/css?family=Oswald|Lato' rel='stylesheet' type='text/css'> 

也許裝載在兩個不同的請求兩種字體會造成一些問題。

+0

這似乎是一個好主意 - 無論如何,我應該這樣做來減少http請求。遠離我的工作電腦,現在只有我的Mac,所以將不得不在早上測試。但是,謝謝 – harryg 2013-02-11 19:08:51

+0

該頁面現在有這樣一個'link'元素。它解決了問題嗎? (至少現在,我的IE 9在Win 7上看不到這個問題。) – 2013-02-11 21:02:54

+0

是的,我已經把它改成了一個'link',但是我不能在早上測試它 - 當我進入時會檢查它。 .. – harryg 2013-02-11 21:50:48

1

在我的IE9上看起來和Chrome一樣。按F12並確保您使用正確的瀏覽器和文檔模式。

+0

是的,'瀏覽器模式:IE9''文檔模式:IE9標準' – harryg 2013-02-12 11:37:58