火狐内核Firefox 6.0,icon显示乱码问题

95 阅读1分钟

问题

发现低版本的Pad(公司自己的), 出现Iconfont显示乱码;四代、五代班没有该问题

定位

一开始以为是webpack打包解析的问题,url-loader,filter-loader; 添加了匹配规则,测试发现问题人存在; 后来抓包发现Pad三代板的浏览器内核是基于FireFox 6.0的,四代、五代板是基于chrome内核的,嗯?应该是样式的浏览器兼容问题;这样就可以具体问题具体找解决方法了

解决方案

方案一

:not([class="icon"]):not(i){font-family: "Microsoft YaHei","iconfont","FontAwesome" !important;}

方案二

后来发现是iconfont下载代码没有覆盖全,使用的是阿里图标矢量库; 批量下载:默认没有选中 EOT、SVG、Base64位

在这里插入图片描述