跟随系统
浅色模式
深色模式
打赏站长

合并两个多个iconfont字体库解决多库引用冲突不显示问题

前端技术
预计阅读 20分钟
2023-11-23
返回博客

531e345abd404bf4a05389b87349d352a3337cce.gif__web-article-pic.gif

每次使用第三方框架(例如AVue),或者接手别人的项目时,没有原图标库的权限,没法直接往里面修改或添加图标。

直接再引入新的图标包,一般就会遇到冲突(除非天选之子)原图标或新图标总有一部分显示不出来的,原图标库删了工作量又太大。

如果能合并该多好啊


于是通过伟大的互联网找到了解决方法,通过https://icomoon.io/app/ 合并iconfont库。


A.通常方法,推荐直接看B(哈哈哈)


打开https://icomoon.io/app/


1.png

1.5.png

2.png


3.png


下载下来就是正常的字体库,直接引用就好了。

B.方法,我自己研究的。全网目前为止没看到一个这样做的。


因为觉得A方法合并了以后,那之后再想添加图标怎么办?再合并?岂不是反人类。
怎么能把老库一次性导入到新库里,于是:往下看。

前四部同A方法,不同的在下面操作。

4.png


5.png

上传的图标需要审核10~15分钟,一般2分钟就好了。之后就可以愉快的增删图标了,随便改,O(∩_∩)O哈哈~


至此,全篇结束。