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- */
}