引入阿里矢量图标库

以这个购物车图标为例：
1>在图标库里收藏找到下载代码，解压文件后，文件夹中有以下几个文件

2>在你的HTML文件中引入下载下来的CSS文件

<link rel="stylesheet" href="./iconfont.css">
    <link rel="stylesheet" href="./demo.css">

3>在你的CSS文件中分别引入几个字体文件：

下载下来的路径并不是电脑当前的路径，所以此处需要修改成自己文件的路径
这是原本的路径：

需要修改成当前电脑的路径：

4>写上一个span元素 我这里class设为iconfont

<span class="iconfont">&#xe661;</span>

这里的&#xe661；购物车对应的字体编码。

5>给这个span元素写上样式

.iconfont {
            font-family: "iconfont" !important;
            font-size: 16px;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;

然后就可以更改fontsize来修改字体大小，更改color值修改字体颜色。

结束！