外部CSS字體面僅在瀏覽器（沒有IE和Firefox）表示

我有一個字體面CSS：外部CSS字體面僅在瀏覽器（沒有IE和Firefox）表示

<style> 
@font-face { 
font-family: 'museo_slab500'; 
src: url('/css/fonts/museo_slab_500-webfont.eot'); 
src: url('/css/fonts/museo_slab_500-webfont.eot?#iefix') format('embedded-opentype'), 
     url('/css/fonts/museo_slab_500-webfont.woff') format('woff'), 
     url('/css/fonts/museo_slab_500-webfont.ttf') format('truetype'), 
     url('/css/fonts/museo_slab_500-webfont.svg#museo_slab500') format('svg'); 
font-weight: normal; 
font-style: normal; 
} 
</style>

非常簡單。問題是：

如果我在它的.css文件單獨保留這個字體面定義（和字體家庭適用於各種標題，在另一個.css文件的身體）我沒有看到字體適用於任何瀏覽器。我用firebug進行了檢查，所有內容都被讀取，字體被下載但沒有被應用。
如果我從一個外部.css文件中移動font-face定義，並將其放入HTML中，則所有內容都能正確顯示。

如果我從內聯刪除上面的代碼我的網頁內，並把它放在一個外部的CSS，並把這個而不是風格標籤：

 <link type="text/css" rel="stylesheet" href="/adminskin/default/css/font-families.css" />

。任何暗示爲什麼會發生這種情況？我要瘋了。

來源

2013-04-05 Manight

張貼您的CSS調用字體 – Huangism 2013-04-05 20:48:15

好的.....我找到了這個瘋狂的答案。

看來，雖然Google Chrome完全沒有問題，但IE和Firefox（未嘗試Safari或Opera）都無法應對指向帶字體定義的外部.css的絕對網址。因此，儘管這部作品在所有瀏覽器（裏面的.css只是字體面定義）

<link rel="stylesheet" type="text/css" href="/skinadmin/default/css/font-families.min.css?v=2.0.0.0" />

這隻有在谷歌瀏覽器。

<link rel="stylesheet" type="text/css" href="http://www.yoursite.com/skinadmin/default/css/font-families.min.css?v=2.0.0.0" />

這不是瘋了嗎？我覺得是這樣的。

來源

2013-04-05 21:05:19 Manight

外部CSS字體面僅在瀏覽器（沒有IE和Firefox）表示

回答

相關問題