BUG记录--Iconfont图标在IE8浏览器的兼容问题

最新推荐文章于 2022-08-01 17:08:07 发布

白刀

最新推荐文章于 2022-08-01 17:08:07 发布

阅读量5k

点赞数 1

分类专栏：解决的和没解决的BUG javascript 文章标签： ie 8 css

本文链接：https://blog.csdn.net/LDX745188017/article/details/64122120

版权

本文记录了在IE8及以下版本中，Iconfont图标无法正常渲染的问题及解决过程。通过验证CSS加载、确认字体兼容性声明、检查字体文件加载情况，最终发现eot字体文件缺失，经转换并添加后，各浏览器能正常显示。

摘要由CSDN通过智能技术生成

主要问题：

Iconfont图标在IE8和以下版本的IE浏览器中无法正常正确渲染，在Firefox和Chrome中可以正常显示。

解决过程：

首先验证css文件是否正常加载，在不同文档版本的ie浏览器中测试，发现IE8以下版本的全都无法正常显示，在Firefox和Chrome中可以正常显示，css文件加载没有问题；
然后考虑到是否是css文件中没有声明字体的兼容性
目前主流浏览器对于icon font的支持如下：
IE：从IE4开始支持eot格式，IE9开始支持woff。
webkit/safari：支持TrueType/OpenType(.ttf)，OpenType PS(.otf)，iOS4.2+支持.ttf，ios 4.2以下只支持SVG字体； Safari5.1+ 开始支持woff格式
Chrome：除webkit支持的以外，从Chrome 6开始，开始支持woff格式；
Firefox：支持.ttf和.otf，从Firefox 3.6开始支持woff格式；
Opera：支持.ttf、.otf、.svg。 Opera 11开始支持woff；
iPad, iphone and Android 3.0+ 支持SVG fonts。
声明的格式：