Iconfont无法上传图标时，如何进行有效维护？

本文共计2016个文字，预计阅读时间需要9分钟。

目录引言现在进行的事情遇到的问题问题一：命名冲突问题二：图标库未接通问题三：iconfont维护如何解决？问题一：全局替换问题二：需要回权限问题三：能力不足最终方案

目录

• 引言
• 现在做的事情
• 遇到的问题
• 问题一：命名冲突
• 问题二：icon 图标库没交接
• 问题三： iconfont 维护
• 如何解决？
• 问题一：全局替换
• 问题二：要回权限
• 问题三：力所不及
• 最终方案：使用 svg 代替 iconfont
• 将引用的 iconfont 转变为本地 svg
• svg 转为 React Component

引言

使用 iconfont 有很多优势，比如只需要加载一次，全部图标都可以设置字号大小，颜色、透明度等，可以随意变换字体的形态，并且图标是矢量的，不会随着字体大小的变化失真，得益于 iconfont.cn 提供的便利，大多情况下，我们不必上传自己的图标，只需要便捷的搜索，就可以将图标加入到自己的项目图标库中，但最近工作中却遇到了比较严重的问题。