2011-07-25 31 views
2

改變我已經得到了我使用CSS自定義字體,轉換到EOT,WOFF和TTF在所有瀏覽器CSS定義字體在IE瀏覽器上的刷新

它完美,除了在工作,是的,你猜它,IE。它的工作,但在我的IE8時,當我刷新字體似乎改變了高度,拋出所有的間距......任何人都可以看到問題或確認它不只是我的瀏覽器?

http://www.uniquegeeks.co.uk/djeurope/

+0

即使點擊刷新,在IE7中看起來很好嗎? – Phil

+0

?在我的它不斷改變字體高度... – Lee

+0

在IE8中看起來很好,甚至在刷新。雖然lorem的最上面的一行看起來會稍微減少,如果我減小頁面寬度直到出現一個水平滾動條。但這是我看到的唯一問題。 –

回答

1

這個工作適合我。把一個ID<link>

<link id="main-css" rel="stylesheet" type="text/css" href="/css/styles.css" /> 

在文件準備,使用純JavaScript或jQuery的這個樣子。

//Script 
    document.getElementById('main-css').href=document.getElementById('main-css').href; 

//or Jquery 
    $('#main-css')[0].href=$('#main-css')[0].href; 
3

我和我的同事們正在摸索同樣的錯誤。我們的環境運行在Facebook框架中。在第一次加載頁面(帶有空的緩存)時,字體效果很好,但是在簡單刷新之後,字體就會變成Arial與我們自定義字體的字距,或者其他東西。該錯誤也不同於HTTP到HTTPS,在HTTP上它可以正常工作。

我們開始討論在各種博客文章和此主題中描述的修復,但我們沒有運氣。我傻眼了,準備用圖像替換文字。

然後我在IE中關閉緩存測試,問題就消失了。所以我們試着在標題級關閉緩存。不漂亮。但它的工作。 no-cache標頭只設置在字體上,它像一個魅力。

+0

同樣的問題在這裏。沒有緩存是唯一的選擇。 –

+0

[This answer](http://stackoverflow.com/a/13424799/2590861)幫助我解決了類似的問題。 –