自定義字體在IE中消失

這是我第一次看到這種情況發生在嵌入自定義字體的情況下。作爲參考，我有幾十個客戶端網站使用自定義字體沒有問題。自定義字體在IE中消失

這個特定的客戶端有他們自己創建的自定義字體文件。不幸的是，這個應用程序存在於主站點上的iframe中（域名/子域名儘管在主頁面，iframe和字體文件之間相匹配）。

當頁面第一次加載新鮮時，字體顯示得非常漂亮。只要刷新頁面，字體就會被銷燬：它將恢復到後備（"Sans-Serif"）字體，並且字母間距都會被擡起。

有3個獨立的字體文件被使用，都顯示相同的行爲。我相信這是一個緩存問題。字體的最初正確顯示錶明文件是正確的，參考路徑是正確的，並且域安全性不是問題。

我們使用字體松鼠生成的CSS嵌入。我只測試過IE8，儘管我被告知IE9有同樣的問題。其他瀏覽器似乎沒有任何與字體有關的問題。

不幸的是，我不能分享這個網站。

@font-face { 
    font-family: 'myfont70'; 
    src: url('../font/myfont-070.eot'); 
    src: url('../font/myfont-070.svg#myfont70') format('svg'), 
    url('../font/myfont-070.eot?#iefix') format('embedded-opentype'), 
    url('../font/myfont-070.woff') format('woff'), 
    url('../font/myfont-070.ttf') format('truetype'), 
    url('../font/myfont-070.svg#myfont70') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
}

（SVG的雙重聲明是故意的）

謝謝！

來源

2013-05-07 Randy Hall

您需要添加一些代碼好友 - 您的css方法至少 - 使用jsfiddle - – Riskbreaker 2013-05-07 14:31:37

這是由IE中的iframe中存在特定引起的。解決方案是刷新聲明字體系列的css標籤上的href。這並不理想，因爲它會觸發css的重新加載，並且字體瞬間閃現回退。

如果有人有更好的解決方案，我是所有人的眼睛。

來源

2013-05-09 11:37:49

自定義字體在IE中消失

回答

相關問題