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;
}