图标字体使用

阿里巴巴矢量图标库

下载图标库

1. 登陆图标库，链接: https://www.iconfont.cn/
2. 选择所需的图标库，将所需的图标添加入库
3. 点击右上角购物车图标
4. 选择下载代码
5. 解压下载的文件，将红框文件复制到项目中

使用图标库
下载下来的文件包中的demo_index.html在浏览器中打开，可以看到使用参考信息。

1、第一种使用方式

<span class="iconfont">&#xe664;</span>
<span class="iconfont">&#xe666;</span>

2、第二种使用方式

<span class="iconfont icon-arrow-down"></span>
<span class="iconfont icon-bottom"></span>

3、第三种使用方式

.ali-icon::before {
    content: '\e666';
    font-family: 'iconfont';
    font-size: 100px;
}

<span class="ali-icon"></span>