IE8 font-awesome问题，不能重绘，在dom加载完后执行一下下面的代码图标就出来了

IE8 font-awesome问题，不能重绘，在dom加载完后执行一下下面的代码图标就出来了

var head = document.getElementsByTagName('head')[0],
    style = document.createElement('style');
style.type = 'text/css';
style.styleSheet.cssText = ':before,:after{content:none !important';
head.appendChild(style);
setTimeout(function(){
    head.removeChild(style);
}, 0);

注意这不是子体覆盖问题，字体覆盖通过

<!--[if IE]>
<style type="text/css"> 
  @font-face {
  font-family:"FontAwesome";
  src:url("/fontAwesome/fonts/fontawesome-webfont.eot?v=4.2.0");
  font-weight:normal;
  font-style:normal}
</style>
<![endif]-->

解决

还有IE8中该页面必须要使用fontAwesome图标，这样才会进行缓存，不然不会进行缓存，会导致图标全部消失。


2.其他的子页面iframe不可以再次引入FontAwesome.eot 这样会把父窗口缓存的清除了，导致图标一时有，一时没有。