Font Awesome图标在IE浏览器不显示的解决方法
1、查看css路径是否正确
2、查看font文件夹内的字体文件是否引入
3、查看font文件夹内的字体资源路径是否正确
自测的解决办法有:
第一种办法也是自测解决的办法,就是直接引入线上的链接
<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css">
这是我在菜鸟教程复制的,链入后果真就出现图标了!
第二种办法是从 fontawesome官网 下载下来
下载好安装包后,点击文件夹,找到CSS文件夹里面的font-awesome.css或者font-awesome.min.css(表示压缩过的)复制到自己项目里面的CSS文件夹中,并把安装包文件夹中的fonts文件夹整个文件夹复制到自己项目中。
打开HTML页面,在head头部中引入font-awesome.css。
<link rel="stylesheet" href="css/font-awesome.min.css">
图标的引用:font-awesome图标可以任何一个地方引用,只要在该元素的类中加入前缀fa,在加入对应的图标名称。不知道图标的名称,不可以在官网中找到对应的图标,既可以找到对应的图标名称。
<i class="fa fa-car"></i>、<i class="fa fa-book"></i>
注:Font Awesome 设计为与内联元素一起使用。 和 元素广泛用于图标。
同时,记得检查字体库,即引入fonts文件的路径是否正确。