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

相关问题