IE8兼容fontAwesome

bootstrap中我们使用到了fontAwesome来显示图标，但是在IE8下回出现无法显示的问题，如下图：

1）图标未显示

2）图标应该如下图显示

解决方式是添加如下代码：

<meta http-equiv="X-UA-Compatible" content="IE=8">

下面的字体样式兼容代码为网上搜出的，在本人的代码中没有起到作用，即添加下面代码，页面中的图标仍不显示，但是还是感觉应该列出来一下，或许以后会在其他方面有用

@font-face {  font-family: 'FontAwesome';  src: url('./fonts/fontawesome-webfont.eot'); /* IE9 Compat Modes */  src: url('./fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */  url('./fonts/fontawesome-webfont.woff') format('woff'), /* Modern Browsers */  url('./fonts/fontawesome-webfont.ttf') format('truetype'), /* Safari, Android, iOS */  url('./fonts/fontawesome-webfont.svg#fontawesomeregular') format('svg'); /* Legacy iOS */  font-weight: normal;  font-style: normal;
}

IE8兼容fontAwesome相关推荐

javascript 解决IE8 兼容 placeholder 属性含password
javascript 解决IE8 兼容 placeholder 属性含password function placeholderfun(){if( !('placeholder' in docume ...
Web前端页面的浏览器兼容性测试心得（三）总结一些IE8兼容问题的解决方案
Web前端页面的浏览器兼容性测试心得(三)总结一些IE8兼容问题的解决方案参考文章: (1)Web前端页面的浏览器兼容性测试心得(三)总结一些IE8兼容问题的解决方案 (2)https://www. ...
IE8兼容的js方法
// 数组indexOf方法 if (!Array.prototype.indexOf) {Array.prototype.indexOf = function (elt /*, from*/) {v ...
IE Developer Toolbar - 浏览器模式: IE7, IE8, IE8兼容模式
同时运行IE7,IE8 ?更简单的办法 -- 有了Developer Toolbar IE8 可以已三种模式运行: IE7, IE8, IE8兼容模式: download: http://www.mi ...
java out.write ie8_整理一下最近遇到的ie8兼容问题
1.图片边框问题,给img设置border-style:none;即可解决. 2.input输入框光标不垂直居中问题,给input设置line-height为Input输入框的高度即可. 3.bord ...
Unity3D與IE8兼容有問題
今天在測試U3D的時候,發現一個問題,用IE打開并登陸后會很卡,這個現象在編譯成Windows的時候沒有.測試后發現在開通網絡后才有,所以開始懷疑是網絡傳輸的問題.后經過測試發現不是,很是奇怪. 在偶 ...
box-shadow IE8兼容处理
根据canisue(http://caniuse.com/#search=box-shadow),box-shadow兼容性如下图所示: 测试代码: 1 <!DOCTYPE html> 2 ...
X-UA-Compatible，IE8 兼容模式
浏览器市场份额的激烈竞争,给网页设计开发人员带来了兼容性设计的麻烦.单单 IE 浏览器就有好几个主流版本,IE6.IE7.IE8 等等.当然使用诸如 IETester,多版本 IE 共存解决方案之类的 ...
ie8兼容background-size属性
满心欢喜地写代码,最后测试兼容性的时候发现Logo图片在IE8下特别大.明显是background-size在ie8一下不兼容. 我懂得,IE8还是个孩子,我就加几句你独有的代码让你兼容吧,司空见惯了 ...

IE8兼容fontAwesome

IE8兼容fontAwesome相关推荐

最新文章

热门文章