如何使用IconFont

什么是IconFont?

IconFont是阿里巴巴旗下的矢量图标库网站，通过搜索关键字可以获取前端开发所需的各类图标。

如何使用IconFont？

1. 首先搜索关键字如user。
   

2. 选择符合需求的图标点击添加入库。
   

3. 点击网页右上角的购物车按钮，选择添加至项目，没有项目的可以新建一个。
   

4. 进入项目页面后，点击编辑图标，可以更改图标的大小和方向。
   

5. 修改完成后，点击仅保存。
   

6. 选择font class点击更新代码,并点击复制代码。
   ​​

7. 在前端html页面中引用这段代码。

   <link rel="stylesheet" href="//at.alicdn.com/t/font_1154331_if0cuptrebc.css">
   

8. 复制图标的代码。
   

9. 在html中相应标签中引用。

<span class="icon-user iconfont"></span>

注意粘贴了图标类名icon-user,后还需加上iconfont。

11. 效果。