自测的解决办法有：

第一种办法也是自测解决的办法，就是直接引入线上的链接

  <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文件的路径是否正确。
 
				
在项目开发过程中，项目用到的是element组件，版本号是2.4.7，遇到了图标字体在ie浏览器不显示的问题，这是在同事电脑出现的bug，我电脑同样是ie，11版本和10版本都没有问题，但是在同事电脑哪个版本都显示不出来，纠结了半天
看到ie里报的错误是这样的
CSS3114: @font-face 未能完成 OpenType 嵌入权限检查。权限必须是可安装的。
在网上搜都是千篇一律的...
然后百度了半天，以下有四种解决方法：
第一：如果是在谷歌或者火狐浏览器出现的话，换成ie浏览器就可以显示了。（我的就是这种！！！） 如果你是那种刨根问底的性格，非要使用谷歌或者火狐，可以在服务器设置一下自己定义MIME类型。（具体自行百度）。
第二：检查是否使用maven，如果是，由于maven的filter（拦截），会破坏font文件的二进制文件格式，导致前台解析出错，
所以可以添加以下代码，到pom文件的标签下的标签
项目原先使用的awesome字体是4.1版本的，将项目中的font-awesome.css、font-awesome.min.css文件和fonts目录下的字体都替换成4.7的后，重新启动项目，4.7新加的图标还是显示不出来。但是引入方式由本地改为
&lt;link rel="stylesheet" href="https://cdn.staticfile.org/font-awe...
问题出现场景
http地址在ie浏览器可以正常显示字体图标，但是https地址在ie浏览器无法正常显示icon图标。
问题解决方案//这是本人的nginx配置文件
location / {
                add_header Cache-Control "no-cache, no-store";
                add_header Access-Control-Allow-Origin $http_origin;
				
今天用ietest工具测试网页，弹窗窗口说是默认浏览器设置，金山也弹出窗口说锁定ie，自己也不多注意就点的是 回头一开ie地址栏的小图标不显示了，如下图
解决办法：其实非常的简单就是你点一下工具栏的重置web设置即可恢复 到时主页也会成默认的微软主页 这就解决了
转载于:https://blog.51cto.com/hmlwl/1176358...