iconfont.cn 的使用

第一步：打开官网注册并登录

官网地址：iconfont-阿里巴巴矢量图标库

第二步：创建你的项目

2.1：进入顶部导航栏的【资源管理】中的【我的项目】右侧【新建项目】

2.2：输入【项目名称】之后确认，ps:这步仅需要输入项目名称即可

第三步：【搜索】你需要的图标并【添加入库】。ps:可以添加多个图标入库

第四步：点击顶部【购物车】并将图标【添加至项目】

第五步：回到【我的项目】点击【下载至本地】

第六步：如何在前端项目中使用。ps：方法很多这里推荐font-class用法，因为语义化更好

6.1：找到下载好的文件，将文件解压并放到项目任意目录中去，这里推荐src/assets/font

6.2：在前端项目 index.html 引入 iconfont.css 

<link rel="stylesheet" href="./src/assets/font/iconfont.css" />

6.3：渲染

6.3.1：打开 iconfont 官网 【资源管理】下【我的项目】下【font class】复制 图标英文名

6.3.2：在以下代码中粘贴。ps:【icon-xxxxxx】就是您刚才复制的代码

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

结束