图标字体不会在Internet Explorer中工作

我必须在字体图标上创建笔触效果。我尝试了文字阴影技术，但问题是它非常波涛汹涌，所以我最终做的是将轮廓从图标中分离出来，然后将其作为字体导出，然后再将它们合并到一起。图标字体不会在Internet Explorer中工作

它现在工作完美！...只是不在IE中。

我安静不知道有多少更好，我可以解释我的问题等，然后显示你所有：自定义字体中的jsfiddle不工作，所以我暂时也upoaded到 - http://babysignlanguage.co.za/icon_fonts/

继承人的代码：

CSS：

@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; 
} 
body {background:#99FFCC;} 
.menu_icon_gen {font-size: 6em; font-family: 'icomoon';} 
.space { letter-spacing:-2em; zoom:1;} 
.left {float:left;} 
.green {color:#ACBB72;} 
.white {color:#FFF;}

HTML

<div class="menu_icon_gen" aria-hidden="true"> 
    <span class="green space left">&#xe000;</span> 
    <span class="white">&#xe001;</span>

<div class="menu_icon_gen" aria-hidden="true"> 
    <span class="green space left">&#xe002;</span> 
    <span class="white">&#xe003;</span> 
</div>

来源

2013-03-01 Dawid van der Hoven

如果你设置字母间距为'-1em'（这将使更多的意义上说，任何理由，这是-2？） – robertklep 2013-03-01 07:20:50

非常还挺工作真的，但即使如此 - 在IE浏览器的-1em它的手机图标仍然不会工作，我的房子是不合适的，仍然没有去ie7 – 2013-03-01 07:24:53

啊，我明白了。我最近有字体问题，以及在IE浏览器，最后我只是放弃:( – robertklep 2013-03-01 07:30:29

我给position: relative到div，并且position: absolute到span。

在IE中对我的作品9.

enter image description here

来源

2013-03-04 06:50:10

这是奇怪的它适用于我现在在IE7，但不是IE9和IE8 ...：\，典型的IE – 2013-03-04 07:11:11

你有没有试过玩'z-index'？ – 2013-03-04 07:14:20

不，我没有尝试过，在第二秒..谢谢 – 2013-03-04 07:16:54

图标字体不会在Internet Explorer中工作

回答

相关问题