如何在项目中使用阿里巴巴Iconfont图标字体

1.进入https://www.iconfont.cn/,注册登录账号

2.查看“图标管理--我的项目”,然后新建项目,待会需要把图标添加到项目中(也可以添加图标的时候创建项目)

3.在搜索框输入想要的字体图标,鼠标移动到图标上有三个选项,选择“添加入库”,购物车中就有了添加的字体图标

4.点击购物车,选择“添加至项目”,项目既可以是已有的也可以是新创建的

5.查看刚才添加字体图标的项目,下载至本地

6.将解压出来的资源文件放到本地项目中, 利用<link rel="stylesheet" href="iconfont.css路径">引入

7.查看如下内容,复制图标的代码

如何在项目中使用阿里巴巴Iconfont图标字体

使用

<span class="iconfont fuzhidaima"></span>

或者

<i class="iconfont fuzhidaima"></i>

即可显示该图标