解决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- \*
}
1
2
3
4
5
6
7
8
上次更新: 2022/04/15, 05:41:29
×