web前端项目已有阿里巴巴图标基础上,再次导入阿里巴巴图标的方法

如果是第一次导入阿里巴巴图标请参考:

vue项目引入阿里云图标_vue引用阿里云图标fontclass-CSDN博客


本文主要想讲在项目原有阿里巴巴图标基础上,再次导入阿里巴巴图标的解决办法:

1.iconfont.json对应修改就行,这个简单一看就明白;

2.iconfont.js主要改动<symbol></symbol>标签这一部分,对应修改就行

3.iconfont.css这个文件的修改:要把新旧两个文件的@font-face这一部分全要放到最终保留的这个iconfont.css文件里面(这个特别重要,如果只写一个@font-face,新添加的阿里巴巴图标在页面是无法显示的)

相关推荐
IT_陈寒1 小时前
Vue这个坑我跳了两次,原来问题出在这
前端·人工智能·后端
kyriewen1 小时前
我用 50 行代码重写了 React Router 核心,终于搞懂了前端路由原理
前端·javascript·react.js
WebInfra2 小时前
Rspack 2.1 发布:React Compiler 提速 10 倍!
前端
李明卫杭州2 小时前
CSS 媒体查询详解:一文掌握响应式设计的核心技术
前端
lichenyang4532 小时前
从 H5 按钮到 OpenHarmony 能力调用:我如何理解 ASCF 的运行链路
前端
下家3 小时前
我放弃了 Vue/React,选择自研框架
前端·前端框架
Asize3 小时前
HTML5 Canvas 基础:从按帧动画到 ECharts 数据可视化
前端·javascript·canvas
默_笙4 小时前
🎄 后端给我一堆扁平数据,我 10 行代码把它变成了树
前端·javascript
Mahut4 小时前
我用 Electron + FFmpeg 做了一个本地视频处理工作站 ClipForge
前端·ffmpeg·electron
前端Hardy4 小时前
又一个 AI 神器火了!
前端·javascript·后端