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

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

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


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

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

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

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

相关推荐
万少20 分钟前
常见鸿蒙应用开发面试题
前端
云只上23 分钟前
为什么后端接口返回数字类型1.00前端会取到1?
java·前端
枫无痕32 分钟前
路由权限的分类与踩坑记录
前端
best66633 分钟前
ServiceWoker是什么?
前端
头发秃头小宝贝35 分钟前
深入理解 JavaScript 中的 call 方法实现
前端·javascript·面试
人帅是非多38 分钟前
基于Compose桌面的Material You风格ADB文件管理器实现
前端
MiyueFE1 小时前
bpmn-js 源码篇8:Featrues 体验优化与功能扩展(三)
前端·javascript
野猪佩奇0071 小时前
Vue项目的 Sass 全局基础样式格式化方案,包含常见元素的样式重置
前端·css·vue.js·sass
独立开阀者_FwtCoder1 小时前
penAI重磅发布GPT-4o文生图:免费、精准、媲美真实照片!
前端·后端·面试