iconfont在IE下不兼容问题

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

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

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


@font-face {font-family: 'iconfont';src: url('iconfont.eot'); /* IE9*/src: local('?'),url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */url('iconfont.woff') format('woff'), /* chrome、firefox */url('iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS     4.2+*/url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

iconfont在IE下不兼容问题相关推荐

解决Clover在win 10下的兼容问题
解决Clover在win 10下的兼容问题参考文章: (1)解决Clover在win 10下的兼容问题 (2)https://www.cnblogs.com/draem0507/p/4843612. ...
关于不同操作系统下浏览器兼容问题
Question: 浏览器兼容性问题产生的原因归根结底,不同操作系统下浏览器兼容问题产生的原因还是在网页开发过程中使用的一些技术的标准和不同的操作系统和浏览器不是完全兼容的.实际上主要是CSS(C ...
Flex 布局在IE浏览器下的兼容问题
Flex 布局在IE浏览器下的兼容问题原文地址:gitub上的Flexbugs list,可以看到Flex布局在IE糟糕表现的详细描述. 2. Column flex items set to al ...
win7下ie6兼容测试之Windows7（win7）下 XP Mode 下载、安装、设置完全图解
win7下ie6兼容测试之 Windows7(win7)下 XP Mode 下载.安装.设置完全图解 <一.简述Windows XP Mode,及硬件需求测试> Windows 7携带了 ...
解决360、猎豹浏览器等极速模式下css3兼容问题
解决360.猎豹浏览器等极速模式下css3兼容问题参考文章: (1)解决360.猎豹浏览器等极速模式下css3兼容问题 (2)https://www.cnblogs.com/wuzhiquan/p/ ...
模态框在IE下的问题，即position:fixed在IE下不兼容的处理方式
项目中遇到的问题,模态框在IE下总出现如图所示双层遮罩框,经排查发现是由于bootstrap里写的modal的样式里position:fixed不兼容IE的原因,导致铺不满整个窗口. 解决方案:在项目 ...
DOM的appendchild在IE6、7下不兼容
DOM的appendchild在IE6.7下是不兼容,可以使用insertRow代替appendchild在IE6 7 8和火狐中就可以使用了.
BC3.1精简版win7/10下不兼容问题的解决
在学习任哲<嵌入式实时操作系统 uCOS-II 原理及应用>中出现BC3.1精简版在win7/10不兼容问题,查阅了大量资料是使用 DOS 模拟软件 DOSBox 来解决此问题. 一.B ...
一行代码解决IE6~IE8以及IE兼容模式下的兼容问题
之前写代码直接是 ! + Tab, 接手一个项目,在任何浏览器都没有问题,只有在 IE 的兼容模式下,页面全都乱套.对比了一下之前写的代码发现没有这么一行代码:<meta http-equiv= ...
解决html5语意标签在IE低版本浏览器下的兼容问题：
方法一:手动改写. 1.在body中写入h5语意标签,这里用nav标签举例子:<nav></nav> 2.在js中手动创建h5的语意标签:document.createElem ...

iconfont在IE下不兼容问题

iconfont在IE下不兼容问题相关推荐

最新文章

热门文章