1、在iconfont中下载iconfont包后
2、在项目中引入iconfont.css

3、将下载后缀为.eot/svg/ttf/woff/woff2导入(下载)到项目中

4、在iconfont.css文件中正确引入以上的文件,注意:引入文件的路径要正确,不然在ie中不显示图标

5、在文件中正确使用
<span class="iconfont icon-xxx"></span>
注意:iconfont更新后,需要将iconfont.css和iconfont字体包都更新
本文详细介绍如何在项目中使用Iconfont图标字体库,包括下载图标包、引入css文件、导入字体文件及正确使用图标的方法。
1、在iconfont中下载iconfont包后
2、在项目中引入iconfont.css

3、将下载后缀为.eot/svg/ttf/woff/woff2导入(下载)到项目中

4、在iconfont.css文件中正确引入以上的文件,注意:引入文件的路径要正确,不然在ie中不显示图标

5、在文件中正确使用
<span class="iconfont icon-xxx"></span>
注意:iconfont更新后,需要将iconfont.css和iconfont字体包都更新
3189
1661

被折叠的 条评论
为什么被折叠?