2012-01-29 67 views
12

我使用這個鏈接到一些谷歌的字體:谷歌Web字體不IE8工作

<link href='http://fonts.googleapis.com/css?family=IM+Fell+English+SC|Snippet|Sarina|Crushed|Caesar+Dressing|Montez|Bad+Script|Sofia|Fontdiner+Swanky|Just+Me+Again+Down+Here|Voltaire|Geo|Coming+Soon|Wellfleet|Passion+One|Rock+Salt|Homemade+Apple|Meddon|Rosario' rel='stylesheet' type='text/css'> 

我使用這個代碼,這在一些瀏覽器的工作原理:

<span style="font-size: 110px;font-family:montez;"><b>Abcdefg</b></span> 

爲什麼字體沒有出現在IE8中? http://jsfiddle.net/3NbE5/

+6

爲什麼2 downvotes ...? – TIMEX 2012-01-29 04:04:35

+0

http://stackoverflow.com/questions/3694060/how-to-make-google-fonts-work-in-ie – j08691 2012-01-29 04:10:28

+0

@ j08691 N.B.截至2010年10月,該問題在Google Code錯誤報告中報告爲已修復並關閉。 – TIMEX 2012-01-29 04:13:55

回答

15

看來,IE不支持多種字體在href:
http://jsfiddle.net/3NbE5/3/

你有這樣的href:

<link href='http://fonts.googleapis.com/css?family=IM+Fell+English+SC|Snippet|Sarina|Crushed|Caesar+Dressing|Montez|Bad+Script|Sofia|Fontdiner+Swanky|Just+Me+Again+Down+Here|Voltaire|Geo|Coming+Soon|Wellfleet|Passion+One|Rock+Salt|Homemade+Apple|Meddon|Rosario' rel='stylesheet' type='text/css'> 


去除其他字體它之後曾工作:

​​
+1

你仍然有兩種字體,所以也許它是查詢字符串中的其他東西,但我可以證實,這現在在IE9,IE8模式下工作。 – 2012-01-29 04:13:53

+0

也許其中一種字體與IE不兼容,並導致所有字體失敗,或者對於IE而言,過載的字體數量可能過多。 – 2012-01-29 04:18:54

+0

我意識到太多=不能工作。限制是像5左右... – TIMEX 2012-01-29 04:44:29

1

以防萬一上述解決方案不會爲您削減它。

我得到了多個字體在ie8上沒有任何問題。我的實際問題是在ie8的兼容模式下使用ie11,其中谷歌網絡字體似乎無法以任何可能的方式工作。

我想這個教訓是,使用vm與實際ie8。您可以抓取一個herehere