嵌入字體呈現然後消失

我有一個網站正在加載一些typekit字體和嵌入的圖標字體。嵌入字體呈現然後消失

它們在所有瀏覽器中似乎都能正常加載。但是，如果瀏覽器窗口在一段時間內處於非活動狀態，它們將消失，系統字體將顯示在其位置上。重新調整瀏覽器大小似乎可以解決問題，並重新出現嵌入的字體。

該問題很難重新創建，因爲它似乎並不總是發生，但它確實發生了很多的時間。到目前爲止，我只看到它發生在Chrome中。

其他詳情：該網站託管在Heroku，Rails 4，Turbolinks關閉。

字體面嵌入爲圖標字體：

@font-face { 
font-family: 'icomoon'; 
src:url('../fonts/icomoon.eot'); 
src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'), 
    url('../fonts/icomoon.woff') format('woff'), 
    url('../fonts/icomoon.ttf') format('truetype'), 
    url('../fonts/icomoon.svg#icomoon') format('svg'); 
font-weight: normal; 
font-style: normal; 
-webkit-font-smoothing: antialiased; 
}

Typekit頭

<script type="text/javascript" src="//use.typekit.net/ssu8vyw.js"></script> 
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>

任何想法？

來源

2014-01-20 jonny_FIVE

一段時間？直到屏幕保護程序啓動？你說調整大小會有所幫助，但是在其前面拖動另一個窗口也有用嗎？ –

一段弦是多久？很難說。也許4或5分鐘？沒有屏幕保護程序和頂部的窗戶似乎沒有什麼區別。僅調整窗口大小將會使正確的字體呈現。 –

這是來自Typekit的Ben。我相信這是由Chrome中的一個錯誤引起的。

這是問題的報告，如果你想訂閱更新或發表評論： https://code.google.com/p/chromium/issues/detail?id=236298

因爲這是瀏覽器的問題，也不會出現任何東西，我們可以做我們的側。好消息是它已被修復。不太好的消息是，下一個穩定版本將在2月份發佈。我們正在關注這一點，並確保在Chrome更新後解決問題。

請隨時在[email protected]上給我們留下任何具體問題。

乾杯，本

來源

2014-01-23 18:46:27

大力支持。謝謝。 –

嵌入字體呈現然後消失

回答

相關問題