iconfont矢量图标库使用汇总

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

阿里妈妈MUX倾力打造的矢量图标管理、交流平台。
设计师将图标上传到 iconfont 平台,用户可以自定义下载多种格式的icon,平台也可将图标转换为字体,便于前端工程师自由调整与调用。

iconfont图标库批量添加至购物车方法

F12--控制台--执行以下代码:

var iconList = document.querySelectorAll('.icon-gouwuche1');
    for (var i = 0; i < iconList.length; i++) {
    iconList[i].click();
}
  • 添加至购物车可直接下载代码(注意:超过50个下载不了);
  • 可以添加至我的项目,在项目设置,勾选字体格式:彩色,下载彩色iconfont(注意:彩色图标最大不能超过40个;且图标的颜色无法再通过css修改;所以一般情况不下载彩色iconfont,在代码中按需根据css设置颜色更具灵活性);
  • 一个项目可以引入多个font库,不同库通过Font Family区分;在项目设置中可以指定项目的Font Family;
最后修改于:2024年04月08日 14:15

添加新评论