Internet Explorer無法識別字體

我正在嘗試在我的網頁上製作自定義的社交媒體圖標。我正在使用socicon字體。我的代碼適用於除IE11以外的所有瀏覽器。我甚至嘗試過#ie修復程序，但它仍然無法工作。我也讀過，我需要把全名，以便IE11識別字體。我相信socicon是全名，但是當我輸入它時仍然不起作用。Internet Explorer無法識別字體

這裏是我的代碼：

@font-face { 
    font-family: 'si'; 
    src: url('http://cdn2.hubspot.net/hub/181041/file-1984135345-eot/Font/socicon.eot'); 
    src: url('http://cdn2.hubspot.net/hub/181041/file-1984135345-eot/Font/socicon.eot?#iefix') format('embedded-opentype'), 
      url('http://cdn2.hubspot.net/hub/181041/file-1984135350-woff/Font/socicon.woff') format('woff'), 
      url('http://cdn2.hubspot.net/hub/181041/file-1981225289-ttf/Font/socicon.ttf') format('truetype'), 
      url('h ttp://cdn2.hubspot.net/hub/181041/file-1979860473-svg/Font/socicon.svg') format('svg'); 
    font-weight: normal; 
    font-style: normal; 

}

這也是奇怪的是，當我試圖刪除這一行：

src: url('http://cdn2.hubspot.net/hub/181041/file-1984135345-eot/Font/socicon.eot?#iefix') format('embedded-opentype'),

的Safari也不再產生socicon字體。我不認爲Safari讀取.eot文件。

感謝，

梅根

來源

2014-10-31 Megan

嘗試檢查在這個崗位的解決方案... http://stackoverflow.com/questions/11722959/custom-font-still-wont-work-in-ie – Zack 2014-10-31 14:04:55

有些字體不能轉換爲EOT字體。我也有這個問題。請作者爲您製作EOT字體，或詢問他是否有EOT字體。 – Refilon 2014-10-31 14:06:02

我生成了來自perfecticons.com的社交媒體圖標，他們向我提供了.eot，.woff，.ttf和.svg字體文件以及html和css代碼。我所要做的只是將代碼複製/粘貼到我網站上的正確區域。這些圖標可以在Safari，Chrome和Firefox上完美運行。 IE11是唯一給我帶來麻煩的瀏覽器。 – Megan 2014-10-31 14:09:33

如果你的IE是8以上，那麼我會建議你到字體轉換爲.woff格式。我以前遇到過這個問題，這是它的解決方案。

餵你的eot字體在this之類的東西，並簡單地將它們轉換爲.woff。然後，再試一次。

編輯：儘量使用本地字體

來源

2014-10-31 14:18:07

是的，OFC（http://onlinefontconverter.com/）也是我的解決方案。 – 2014-10-31 14:20:17

我無法使用本地字體，因爲我需要顯示社交媒體徽標。我以爲IE使用.eot格式不是.woff。 – Megan 2014-10-31 14:32:50

@Megan它的確如此。 IE支持.eot格式，從版本9開始它也支持.woff格式。我推薦woff，以防萬一你有IE9或更高版本，因爲.woff格式具有更廣泛的瀏覽器兼容性。在這裏查看你的自我 - > [.woff]（http://caniuse.com/#search=woff）和here-> [.eot]（http://caniuse.com/#search=eot）。另外，根據我的經驗，作爲一種壓縮格式，.woff數十是更輕量級的字體。 – 2014-10-31 14:53:42

Internet Explorer無法識別字體

回答

相關問題