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

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

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


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

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

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

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

相关推荐
半桶水专家6 分钟前
Vue 3 动态组件详解
前端·javascript·vue.js
csj5011 分钟前
前端基础之《React(6)—webpack简介-图片模块处理》
前端·react
我有一棵树12 分钟前
避免 JS 报错阻塞 Vue 组件渲染:以 window.jsbridge 和 el-tooltip 为例
前端·javascript·vue.js
Fanfffff72012 分钟前
前端样式局部作用域:从Scoped到CSS Modules 的完整指南
前端·css
前端大神之路13 分钟前
vue2 模版编译原理
前端
00后程序员张13 分钟前
Web 前端工具全流程指南 从开发到调试的完整生态体系
android·前端·ios·小程序·uni-app·iphone·webview
凌泽38 分钟前
写了那么多年的代码,我开始写“规范”了:AI 驱动的开发范式革命
前端·vibecoding
没有鸡汤吃不下饭40 分钟前
解决前端项目中大数据复杂列表场景的完美方案
前端·javascript·vue.js
旧雨散尘1 小时前
【react】react初学6-第一个react应用-待办事项
前端·react.js·前端框架
岁月向前1 小时前
iOS基础问题整理
前端