① 获取图标
1.1 获取网址，Iconfont图标库
1.2 把所有你要的图标下载了 放网站根目录的文件夹里
② 把图标放入服务器
2.1 挑选图标后，添加进入购物车。添加完毕后，在购物车里加入项目，若没有项目则新建一个。然后在我的项目里，将项目下载到本地。
2.2 将下载的项目放在服务器的合适位置（可以新建一个专门放Icon的目录，放在服务器网站的根目录/素材目录下）
③ 添加引用
3.1 再页头文件中直接添加代码引用
代码如下：<link rel="stylesheet" href="//at.com/Icon/iconfont.css">
也可将CSS里的代码直接复制到网站的CSS样式中（适用于那些模板主题比如HEXO、wordpress等）
*红色字体部分请更换成您自己的目录地址（②里面放入的地址）。
④ 使用图标
4.1 可以直接引用图标的名字来进行
使用以下命令即可：<i class="iconfont icon-blog-solid"></i> 插入所需要使用地方即可。 其中icon-blog-solid 为图标名称，替换即可。
本文是原创文章，采用 CC BY-NC-ND 4.0 协议，完整转载请注明来自 Soo晓敏
微信 
支付宝