主要問題：

Iconfont圖標(biāo)在IE8和以下版本的IE瀏覽器中無法正常正確渲染，在Firefox和Chrome中可以正常顯示。

解決過程 ：

首先驗(yàn)證css文件是否正常加載，在不同文檔版本的ie瀏覽器中測(cè)試，發(fā)現(xiàn)IE8以下版本的全都無法正常顯示，在Firefox和Chrome中可以正常顯示，css文件加載沒有問題；
然后考慮到是否是css文件中沒有聲明字體的兼容性
目前主流瀏覽器對(duì)于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。
聲明的格式：

@font-face {font-family: "iconfont";src: url('iconfont.eot?'); /* IE9*/src: 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- */ }

調(diào)試發(fā)現(xiàn)并沒有問題，接著去測(cè)試eot、ttf、woff等字體是否正確加載和路徑的正確性。
發(fā)現(xiàn)沒有加載eot文件，eot文件遺失，導(dǎo)致加載不了兼容IE8的字體。
在網(wǎng)上下載一個(gè)字體轉(zhuǎn)換器，將ttf文件轉(zhuǎn)換為eot文件添加到倉庫中。
再次測(cè)試：IE8以及以上版本、firefox和chrome都能正常渲染。

總結(jié)

以上是生活随笔為你收集整理的BUG记录--Iconfont图标在IE8浏览器的兼容问题的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。