每次接手别人的项目,原维护人又不在,iconfont库没法开权限,想要修改或者增加一两个图标进去,真的...巨头疼...
![](https://img.haomeiwen.com/i13581258/90fb35fda049c240.png)
试过网上一些直接引入 第二个包的写法,不知道是冲突还是啥原因,图标显示不出来(栓Q)
我的方案是:合并iconfont
首先进入网址:icomoon
-
导入原有的iconfont
导入
2.上传新的图标
![](https://img.haomeiwen.com/i13581258/aee7f2e1da94f781.png)
-
选中上面导入的所有图标,并进入到第三步
选中
-
这里设置导出的偏好,注意名称和前缀要和代码库原来的保持一致噢
导出
原配置
- 最后一步下载之后解压,拿到
fonts
文件夹的这四个文件,替换本地文件
![](https://img.haomeiwen.com/i13581258/be8851d2de1073b7.png)
- 记得
iconfont.js
和iconfont.css
里面也要加上unicode
![](https://img.haomeiwen.com/i13581258/7583779ec1bd06d3.png)
- 到这一步,合并就完成了!在代码中试试吧
<span class="iconfont icondeployment"></span>
![](https://img.haomeiwen.com/i13581258/c8daf8503bb0260f.png)
虽然但是,下次交接的时候,还是要在README
里写上iconfont地址
,或者记得转移项目管理员的账户下面,不然就会遇到这种棘手的情况,毕竟举手之劳,方便你我他~
![](https://img.haomeiwen.com/i13581258/b828a68d0c5c8d27.png)
有帮到你的话,留个小心心吧,Thanks♪(・ω・)ノ
网友评论