一、打开iconfont官网并将图标加入项目
在搜索框输入要查找的图标
将鼠标移至图标上方点击 ‘添加入库’
然后在网站右上方点击购物车
打开购物车看到添加的图标，选择添加至项目
新建一个项目并添加
二、引用样式并应用
然后就可以在‘我的图标’中看到‘我的项目’
点击生成代码
然后就可以看到生成的字体CDN代码，复制代码，粘贴在自己的css文件中
接着回到‘我的项目’中，鼠标移至图标上方选择复制代码
然后就会得到一个代码
在自己的css文件中设置iconfont类样式
.iconfont {
font-family:"iconfont" !important;
font-size:16px;
font-style:normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
使用<i>标签引用图标
<i class="iconfont"></i>
将刚才复制的图标代码替换进去
三、修改项目中图标
使用项目管理图标的好处在于我们可以随时方便的修改图标
我们可以修改大小，颜色，位置等信息
但是每次修改完必须要重新更换一次引用的CDN文件
点击更新代码后，再次引用即可
（完）