维护项目中的iconfont图标库
维护一个项目,发现项目中图标使用了阿里巴巴矢量图标库 iconfont

现在需要添加一些图标到图标库中
我们首先需要导入项目图标库到 iconfont 的项目中
1. 提取 svg 资源
1)找到图标 SVG 信息
打开图标库的 symbol 模式

浏览器的 F12 大法,查看图标的 svg 信息

注意:
元素定位,这样,是不行的

需要定位到内部

2)创建 SVG 图标
新建一个 文本文件,名称为 svg 的 id,去掉开头的 icon-,后缀名改为 svg
如果不修改的话,上传 iconfont 后,样式回多出来一个icon-,iconfont 项目样式回自动的添加 icon-[id]
复制第一步得到的 svg 标签到文本文件

2. 上传SVG到 iconfont 的项目中
1) 新建一个空项目

2)点击上传图标至项目

点击上传 svg 文件

选择我们新建的 svg 文件

左边选择一个图标,可以修改图标的名称,

点击保留颜色并提交,我们就得到了图标库

现在可以维护图标库,然后重新下载替换项目的图标库文件就行了
版权声明:本文为YES开发框架网发布内容,转载请附上原文出处连接
post YES开发框架


