遇到一个旧项目,需要增加一些阿里字体图标,正常情况应该是在图标库的项目中添加新的图标,然后下载下来替换项目中的字体文件就能正常引用使用了,但是因为原来项目中的字体文件不知道谁引用的,而且项目中很多地方也在使用也不能删除,所以需要引用新文件,并不影响之前图标使用。之前找到一种方法是修改旧字体文件中的内容,但是太麻烦了,想着重新引入新的文件,重新命名文件应该就能正常使用,测试之后确实可以实现

在main.js中引入新的iconfont.css文件

import "./assets/fonts/iconfont.css";
import "./assets/fonts2/iconfont.css";

页面中直接使用就行了

 <span class="railway-fonts rail-construction"></span>
    <span class="railway-fonts rail-UI_icon_gonglibiao"></span>

效果如下,这样就不用修改旧的项目的阿里图标,直接把自己新的加进去就行了

Logo

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。

更多推荐