iconfont矢量图标库的用法

1、创建一个iconfont项目
首先我们需要进入iconfont官网，
登陆进去后点击
图片管理 -> 我的项目
然后我们点击

填写相应的信息即可创建一个iconfont项目，并进行管理

2、添加icon到项目中
到商城中添加我们需要的icon到购物车

然后依次点击购物车 -> 添加至项目 -> 项目 -> 确认
即可将购物车所以的icon添加到项目中

3、在代码中使用项目中的icon
(1) 首先需要将项目中的icon下载到本地，点击我们需要下载的项目，然后点击下载至本地即可

下载后解压，然后将css、eot、svg、ttf、woff后缀的文件拉到我们的代码目录中

(2) 将文件移入我们的代码目录中（放的地方可以自己定义，但建议放在assets内），我这里是将除css文件外的其他文件放在了一个文件夹中，

(3) 修改路径
想要正常使用，还需要对iconfont.css文件进行路径修改，我们需要对这些文件的路径进行修改，修改成我们现在放置这些文件的路径即可

修改后，注意，我这里是按我的目录来修改的

此外，下图的base64不需要修改
(4) 在代码中使用
在全局引入iconfont.css文件后
我们需要新建一个类名为iconfont的标签，然后将icon的代码防止到标签内即可

icon代码我们可以在iconfont官网中复制即可

如果需要修改icon的样式，可以加新的类来修改

修改按css的字体样式来修改即可，比如
修改icon大小：修改font-size即可
修改icon颜色：修改color即可

后面如果有新的内容会持续发新博客，如有错误，多谢指正