3、将下载后缀为.eot/svg/ttf/woff/woff2导入（下载）到项目中
4、在iconfont.css文件中正确引入以上的文件，注意：引入文件的路径要正确，不然在ie中不显示图标
5、在文件中正确使用
<span class="iconfont icon-xxx"></span>
注意：iconfont更新后，需要将iconfont.css和iconfont字体包都更新
1、在iconfont中下载iconfont包后2、在项目中引入iconfont.css3、将下载后缀为.eot/svg/ttf/woff/woff2导入（下载）到项目中4、在iconfont.css文件中正确引入以上的文件，注意：引入文件的路径要正确，不然在ie中不显示图标5、在文件中正确使用<span class="iconfont icon-xxx"&g...
一开始通过
iconfont
.css引入，在谷歌上能正常
显示
，自己多方尝试，发现最蠢的
问题
。总结一下，查了网上可能的
问题
有
1、有可能是字体文件.eot文件没有引入
2、有可能是IE JS禁用
最后发现自己在引入
iconfont
.css时忘记更改默认路径
在URL前面加上…/fonts就没
问题
了
问题
出现场景
http地址在ie
浏览器
可以正常
显示
字体图标，但是https地址在ie
浏览器
无法正常
显示
icon图标。
问题
解决方案//这是本人的nginx配置文件
location / {
add_header Cache-Control "no-cache, no-store";
add_header Access-Control-Allow-Origin $http_origin;
html字体图标学习
当时学
iconfont
的时候，找了学习视频，用的icomoon.io的网站字体图标
后面下载下来后，解压出来，在把里面的fonts文件夹放在我们学习开发的同级目录里，写完字体声明那些，设置好font-family后，还是无法
显示
起先以为是路径
问题
，但是检查了，没有毛病，搜了好多东西跟我碰到的都不是一个内容。
如何解决？
不太清楚里面的原因，但是可以把解压的整个素材文件移出这个同级目录，单独复制fonts文件夹，粘贴过来只留下fonts文件夹，就可以
显示
出来了，这个小
问题
就解决了，挺怪
