最近在开发系统时遇到一个问题，因为前端用的是网上的前端模板，该前端引入的是他自己在阿里巴巴图标库文件。但是当我想用其他图标时就出现问题了，这个图标库里没有我想用的图标，或者用的图标名和自己想要的不一样。难道再引入一个自己的图标库，强迫症表示忍不了。于是在网上搜了一下，合并图标字体的方法，这里记录一下，分享给其它遇到相同问题的人。
1.保存要扩充的图标文件
例如我这里的图标文件：//at.alicdn.com/t/font_3379869_jumri0i71g.css
有些是eot、woff2、woff、ttf、svg等文件，有些只有其中一个文件，主要是看用户的设置，保存其中一个字体文件即可。
2.用百度在线字体编辑器，编辑字体文件，生成svg文件（ 图标文件中有svg文件可直接跳过这一步）
打开百度在线字体编辑器 https://kekee000.github.io/fonteditor/
打开字体文件（ eot、woff2、woff、ttf ），如果是要合并或者添加自己的图标，可以打开多个字体文件。
合并编辑完图标后，保存项目，然后下载压缩包，压缩包中有各种相关文件。
如果项目直接引用本地图标文件，这里导出的图标文件，已经可以使用了。
3.将字体整个svg图标分成单个图标文件
因为阿里巴巴图标库上传图标时需要单个图标文件上传（我不知道是不是可以整个文件上传，测试上传整个svg文件，显示空白，不知道是不是方法不对），所以这一步的作用是将整个svg文件保存成单个图标svg文件。
打开svg文件编辑工具：https://icomoon.io/app/#/select
首次打开会有一些默认的图标，不用管他（也可以选择加入到你要导出的图标库里）。导入要编辑的svg文件。
选择要导出的图标。
可以选择加上编辑器自己带的图标。
将选中的图标生成单个文件图标
如果需要修改图标名称，可以在这里修改。
下载生成的文件包
4.上传到阿里巴巴图标库
登录阿里巴巴图标库，进入后台，创建自己的项目，然后上传图标。
生成代码就可以使用了
5.参考信息
因为浏览器奔了，参考的资料连接找不到了，在这里感谢所有无私分享的创作者吧。
原创文章，作者：Zeyu，如若转载，请注明出处：https://jinzhijun.cn/develop/1066
相关推荐
-
Centos7 升级内核版本（转）
1、查看当前内核版本 [root@localhost ~]# uname -r 3.10.0-327.el7.x86_64 [root@localhost ~]# uname -a…
-
linux 测试端口通不通(四种方法）（转）
针对Linux系统：有1、2、3、4四种方法针对Windows系统：有2、5两种通用方法 一般情况下使用”telnet ip port”判断端口通不通，其实…
-
fiddler修改请求信息重新执行
最近在做一个仿制功能开发时，碰到了这样一个场景：开发的系统需要在三方app里运行，并且在app里执行完后会产生一些数据，然后需要将这些数据保存起来。因为开发是在本地，本地的环境无法…
-
PHP代码审计一条龙思路(转)
00×0 前言 最近也是边挖src边审计代码，总结下最近的php代码审计的一些思路，我一般按照顺序往下做，限于能力水平，可能会有不对或者欠缺的地方，希望各位师傅能够指导。 00×1…
-
PHP获取客户端相关访问信息
（一）PHP通过IP获取客户端相关访问信息 （二）PHP解析HTTP_USER_AGENT 获取客户端操作系统 获取客户端操作系统 Windows NT 4.0 = N…
-
JS定时触发—–新订单提醒展示效果并提示音效(转)
展示效果 php代码 版权声明：本文为lixing1359199697原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。本文链…
-
codeigniter发邮件sendmail报错
最近将公司系统从Windows换成了Linux，大部分功能都能正常使用，唯独发送邮件通知功能时，出现了错误。通过var_dump($CI->email->print_d…
-
Centos安装elasticsearch教程
最近在部署一个项目是用 laravel开发，项目用到了了 elasticsearch，通过自己的搜索和学习能力不算很费力解决了。下面就整理一下安装elasticsearch教程，服…
-
MySql基础知识总结-索引篇（转）
一、MySQL三层逻辑架构 MySQL的存储引擎架构将查询处理与数据的存储/提取相分离。下面是MySQL的逻辑架构图： 1、第一层负责连接管理、授权认证、安全等等。 每个客户端的连…
-
广东互联网医院监管对接_前置机FTP文件上传
最近在广东省互联网医院监管对接过程中，有些文件需要同步到前置机上，我这里用到的解决方案是通过ftp上传文件功能实现的，这里记录一下一些遇到的问题。 1.安装，配置ftp服务器软件 …
