网址:https://www.iconfont.cn/

1.登录--选择自己喜欢的图标加入购物车--收集好自己心仪的图标之后点开购物车--可以选择添加至项目

iconfont 阿里图标库的使用

2.应用于项目时可以选择下载至本地 或者 查看在线链接

(1)下载至本地

会下载一个压缩包,解压并放到项目中,然后入口js文件,引入iconfont.css;

import './iconfont/iconfont.css';

 (2)查看在线链接

点开后会生成一个链接,链接到项目的index.html文件中

<link rel="stylesheet" href="http://at.alicdn.com/t/font_1124252_n3bskscl74h.css">

 完成(1)(2)之后就可以在页面中写入i标签 ,class由两部分组成一个是iconfont ,另外一个是图标名称可以直接复制icon-camera

<i class="iconfont icon-goumai"></i>

iconfont 阿里图标库的使用

 

 

相关文章: