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

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

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


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

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

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

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

相关推荐
Mintopia1 分钟前
Next.js 全栈:接收和处理请求
前端·javascript·next.js
袁煦丞35 分钟前
2025.8.18实验室【代码跑酷指南】Jupyter Notebook程序员的魔法本:cpolar内网穿透实验室第622个成功挑战
前端·程序员·远程工作
Joker Zxc39 分钟前
【前端基础】flex布局中使用`justify-content`后,最后一行的布局问题
前端·css
无奈何杨43 分钟前
风控系统事件分析中心,关联关系、排行、时间分布
前端·后端
Moment1 小时前
nginx 如何配置防止慢速攻击 🤔🤔🤔
前端·后端·nginx
晓得迷路了1 小时前
栗子前端技术周刊第 94 期 - React Native 0.81、jQuery 4.0.0 RC1、Bun v1.2.20...
前端·javascript·react.js
前端小巷子1 小时前
Vue 自定义指令
前端·vue.js·面试
玲小珑1 小时前
Next.js 教程系列(二十七)React Server Components (RSC) 与未来趋势
前端·next.js
Mike_jia1 小时前
UptimeRobot API状态监控:零成本打造企业级业务健康看板
前端