文档中心
办公用品 > 知识宝库 > 阿里图标库怎么使用?

阿里图标库怎么使用?

时间: 2022-08-28 23:41:43 来源:麦嘉办公

阿里图标库怎么使用?

1.阿里矢量图标库

原理:通过将svg等格式的矢量图改变为相应的字体,用户通过

@font-face来使用下载字体库

阿里矢量图标库,可以当做一个icon库使用,可下载png格式图标

也可下载svg格式,复制svg代码

也可加入购物车,然后放到某个项目中,通过在线的方式使用。

2.在线使用的方法

1.加入购物车

2.创建项目,将所需图标放入项目中

3.生成字体库代码,拷贝到自己的项目中

4.每个图标生成相应代码,其unicode就代表该图标

html中<i class="iconfont">&#xe624;</i>

5.css中引用

.iconfont{

  font-family:"iconfont";//引用该字体库

  font-size:16px;//编辑字即编辑图标

  font-style:normal;

}

分享到:
共执行 817 个查询,用时 0.179894 秒,在线 4870 人,Gzip 已禁用,占用内存 6.196 MB