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

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

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


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

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

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

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

相关推荐
Mintopia17 小时前
Next.js 的 Web Vitals 监测与 Lighthouse 分析:从底层到实战的快乐科学
前端·javascript·next.js
charlie11451419117 小时前
前端三件套简单学习:HTML篇1
开发语言·前端·学习·html
很多石头17 小时前
前端img与background-image渲染图片对H5页面性能的影响
前端·css
yenggd17 小时前
3种XSS攻击简单案例
前端·xss
盖头盖17 小时前
【xss基本介绍】
前端·xss
一枚前端小能手18 小时前
「周更第2期」实用JS库推荐:Rsbuild
前端·javascript
小桥风满袖18 小时前
极简三分钟ES6 - 正则表达式的扩展
前端·javascript
柯南二号18 小时前
【大前端】React 使用 Redux 实现组件通信的 Demo 示例
前端·javascript·react.js
学习3人组18 小时前
React JSX 语法讲解
前端·react.js·前端框架
小高00718 小时前
🚨 2025 最该淘汰的 10 个前端 API!
前端·javascript·面试