自定義字體不在IE在線加載

我使用的是自定義字體（Museo），它的字體松鼠生成的css導入，它在本地沒有問題地工作，但是當部署到服務器時（我相信linode）字體不會加載或顯示在所有。

這是我使用導入的字體代碼：我測試直接打開的字體，看它是否是與文件有問題

@font-face { 
font-family: 'MuseoSlab500Regular'; 
src: url('museo_slab_500-webfont.eot') format('embedded-opentype'); 
src: url('museo_slab_500-webfont.eot?#iefix') format('embedded-opentype'), 
    url('museo_slab_500-webfont.woff') format('woff'), 
    url('museo_slab_500-webfont.ttf') format('truetype'), 
    url('museo_slab_500-webfont.svg#MuseoSlab500Regular') format('svg'); 
font-weight: normal; 
font-style: normal; 

}

，並打開文件。 css是通過資產管道在rails中編譯的，所以這段代碼位於application.css123817391838123123（隨機數）文件中。我不知道這是否是一個資產管道問題，我認爲這很奇怪，因爲它在其他地方工作（鉻，Safari，firefox，opera）。在IE9中在線測試時，如果將瀏覽器模式更改爲怪癖模式，字體將加載。

所以，我完全沒有想法，任何人都可能知道這裏會發生什麼？

感謝

來源

2013-02-08 Antonio Pratas

您確定在頁面上聲明瞭有效的文檔類型嗎？你的字體是否和你的css完全在同一個目錄下？ – 2013-02-08 16:23:54

@BillyMoat我正在使用Twitter Bootstrap，它使用<！DOCTYPE html>。最奇怪的事情之一（除了在本地工作，只打破在線）是我也使用字體Awesoem，一種自定義圖標字體，在IE中完全沒有問題，並且它正在加載到bootstrap_and_overrides文件中。所以我想知道爲什麼一個字體工作，另一個不是？ – 2013-02-13 18:39:08

在這裏你可以嘗試一些想法：http://stackoverflow.com/questions/4607560/font-face-works-in-ie8-but-not-ie9 – 2013-02-13 20:51:00

嘗試查看的Content-Type字體文件的頭。如果使用WOFF，IE需要它。在IIS的情況下只需添加：

<system.webServer> 
    <staticContent> 
    <mimeMap fileExtension=".woff" mimeType="application/x-font-woff" /> 
    </staticContent> 
</system.webServer>

來源

2013-02-08 22:15:17

此網站部署在Linode。我還添加了這個但它也不起作用。 – 2013-02-13 18:35:02

自定義字體不在IE在線加載

回答

相關問題