阿里的 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
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容