阿里的 iconfont 使用方法

1、进入 iconfont网址，注册登录

2、图标管理 -> 我的项目 -> 新建项目

image.png
image.png

3、新建完成之后，往项目里添加图标，搜索找到需要的图标，然后添加至购物车

image.png

4、将购物车中的图标添加至我们的项目中

image.png

5、将项目中的图标全部下载到本地

image.png

下载完成之后的文件夹目录,将该文件夹整个拖入项目中

image.png

6、最后一步，在项目中使用（react 为例）

import './font/iconfont.css';

固定类名 iconfont + 图标名字

<i className="iconfont icon-wuli" style={{color: "red"}}></i>

页面中出现图标

image.png