css 字体图标兼容性,解决iconfont在IE下不兼容问题

iconfont字体在IE下不兼容，这个是很头疼的问题，前端写页面的人 简直是在拿生命修改代码，可是结果还是不如人意，iconfont字体还是不能如期的显示，该怎么办呢？经过这次血的教训，总结出来从以下三方面来解决问题！在此非常感谢文峰大师，我的同事！(技术很牛，但是做事很低调！偶学习的榜样，加油！)

排查顺序：

1、首先排除图标本身是不是有问题；

2、排查加载的文件中是否有相同命名的 icon 样式文件和相同命名的字体文件(即字体的命名)，如果有，改为不一样的；

3、外部引用样式的排查，包括不合理或多余的 font-family 定义；

@font-face {font-family: 'km-iconfont';

src: url('km-iconfont.eot'); /* IE9*/

src: local('?'),

url('km-iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

url('km-iconfont.woff') format('woff'), /* chrome、firefox */

url('km-iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/

url('km-iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */

}