所有字體變體存在，但@ font-face仍然不會在IE9中工作

我在我的網站上使用@font-face。所有字體變體存在，但@ font-face仍然不會在IE9中工作

一個電話，我有很簡單：

@font-face 
{ 
    font-family: bebas; 
    src: url('bebas.TTF'); 
}

，這似乎在IE 9/10做工精細。

不過，我已經試圖使這項工作與其他字體：

@font-face 
{ 
    font-family: lobster; 
    src: url('lobster.OTF'); 
}

而且曾在IE沒有成功。

我GOOGLE了答案，許多建議使用Font Squirrel Font Generator以獲得完整的代碼，我在這裏做：

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

}

但仍字體將無法正確顯示。

我已經在正確的目錄中包含所有附加文件 - 它只是不會在IE中工作。

任何人都可以指向正確的方向嗎？

編輯：嘗試的字體轉換爲TTF - 沒有運氣任

EDIT2：使用CSS的示例：

#tickerlist LI 
{ 
    list-style-type: none; 
    font-family: lobster, Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif; 
    font-size: 40.3pt; 
    padding-top: 0px; 
    padding-left: 5px; 
}

EDIT3：

試過絕對路徑字體文件 - 仍然沒有影響

來源

2013-12-21 MeltingDog

首先，你從哪裏得到的字體，什麼確切的代碼（包括HTML開始， CSS）你用過嗎？問題不能從提供的數據中重建。 –

@ JukkaK.Korpela我從Font Squirrel那裏得到了字體。我已經添加了我稱之爲 – MeltingDog

以上字體的CSS。是否需要將MIME類型添加到您的服務器以獲取IE字體？ – 97ldave

我會檢查以下內容

檢查您的Web服務器上字體的路徑是否正確。我傾向於將字體存儲在/字體/我的應用程序/網站中
既然你從fontsquirrel下載字體軟件包並在IE 9本地測試它，以確保它能正常工作。
檢查以確保您的css文件中沒有任何定義，缺少分號：有時可能會讓您感到困惑。
檢查以確保你的服務器是爲.eot文件
我也確保我有合適的報價或你身邊試圖服務了字體蜱服務了正確的MIME類型。

p.mine {FONT-FAMILY： '龍蝦'，宋體，無襯線;}

來源

2013-12-23 16:47:01 imaginethepoet

所有字體變體存在，但@ font-face仍然不會在IE9中工作

回答

相關問題