美文网首页
阿里的 iconfont 使用方法

阿里的 iconfont 使用方法

作者: 落叶无声xcm | 来源:发表于2018-06-07 10:40 被阅读5次
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

相关文章

网友评论

      本文标题:阿里的 iconfont 使用方法

      本文链接:https://www.haomeiwen.com/subject/txwwsftx.html