2

首先我想提一提的是,我可能讀了50個關於這個問題的其他主題,但沒有任何我嘗試過爲我工作。又一個@ font-face-not-working-on-IE問題

我使用font-awesome-rails gem將FontAwesome與我的rails 3.1應用程序集成。

在開發中,所有3種主流瀏覽器(FF,Chrome和IE7,8)中的圖標加載正常。

在製作(Heroku)中,圖標只在FF和Chrome中加載。我在IE7中得到方形盒子& 8.

我不能確定這是否是瀏覽器問題,因爲它適用於我的本地機器,但也不能真正說它是一個部署問題,因爲它適用於其他瀏覽器。

任何想法?

更新:

下面是由資產管線產生的CSS。注意.woff和.tff文件如何將摘要哈希追加到它們上,但是對於.eot & .svg文件來說並不是這種情況。這可以解釋爲什麼字體不能在生產環境中加載。

有什麼我可以做的,以解決這個問題,或者這是寶石所有者應該修復的東西?

@font-face { 
    font-family: "FontAwesome"; 
    font-style: normal; 
    font-weight: normal; 
    src: url("/assets/fontawesome-webfont.eot?#iefix") format("eot"), 
     url("/assets/fontawesome-webfont-2b313d88274b814fa936513279e62429.woff") format("woff"), 
     url("/assets/fontawesome-webfont-db4d858c72934d23138b334666f3787f.ttf") format("truetype"), 
     url("/assets/fontawesome-webfont.svg#FontAwesome") format("svg"); 
} 
+0

在從您的機器上查看時,它不正常?我確定你試過了,但你是否清除了緩存? – ericosg

+0

是的,我試着清理我的緩存,但沒有運氣。不能在產品中使用,只能在dev中使用。 – ayibogan

回答

0

我加入另外的風格作爲這樣

@font-face { 
    font-family: "FontAwesome"; 
    src: asset-url('fontawesome-webfont.eot', font); 
    font-weight: normal; 
    font-style: normal; 
} 

滑軌正確應用摘要哈希於該資產和IE它拾起。