4

我在我的網站上使用IcoMoon圖標,雖然它們在所有現代瀏覽器中完美工作,但它們完全不工作,在Internet Explorer 7中顯示爲Internet Explorer 8中的小框。的CSS是如下這從IcoMoon除了對字體的相對路徑:IcoMoon圖標無法在Internet Explorer 8中工作

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

我使用的數據圖標屬性(例如<li data-icon="&#xe003;"><a href等),以顯示在我的導航的圖標。

問題是什麼?

+0

回答你的問題是在你的問題:IE8) – Damonsson 2013-02-16 14:47:45

+1

你能告訴我嗎? – user2078540 2013-02-16 20:38:59

回答

0

我一直在尋找互聯網尋找這個自我困境的答案,因爲我使用Joomla 3x與Bootstrap和IcoMoon。它也不會在Internet Explorer中或Internet Explorer的工作,根據這一Stack Overflow question您的問題可能是:

  1. 給予通過CSS分配zoom:1 hasLayout的違規內容(互聯網 瀏覽器專有) 。
  2. @font-face聲明因互聯網而異  Explorer   7(在最後回答問題中概述)。
  3. 也可能是您的字體類型沒有得到適當的支持。

而且我覺得@Damonsson是指互聯網  Explorer的驚人預期...或要求......甚至祈求永遠不會做任何事情的能力,sobbingly懇求做。

快樂狩獵!

0

以下可能會幫助你。 PPseudo元素不上網 之前支持的瀏覽器  8.我想弄清楚互聯網 瀏覽器  8窘境自己...

http://icomoon.io/#docs/lte-ie7

+0

所以你要糾正錯別字,你最終會自己製作一個。 '僞'不是一個字。 – LT86 2014-11-24 10:20:23

1

當生成你的iconmoon圖標,去首選項和支持ie6和ie7 check this box

你會得到一個單獨的ie7文件夾在你的字體,然後在你的頭部使用這樣的東西。

<!--[if lte IE 8]> 
     <link rel="stylesheet" href="ie7/ie7.css"> 
<![endif]--> 

有兩個文件,你可以使用ie7.css或ie7.js

相關問題