多字体文件合并处理

基于https://icomoon.io/app/#/select 工具生成的字体文件合并处理方法
一、准备：
1、FontEditor在线工具：http://fontstore.baidu.com/static/editor/index.html
2、两个字体文件，本文以.ttf字体文件为例。
二、开始
首先，打开FontEditor工具

然后打开第一个icomoon.ttf字体文件：

接着新开一个FontEditor工具页面并打开第二个icomoon.ttf字体文件：

然后复制第二个文件中的字体内容并粘贴到第一个字体文件中：

可能你已经注意到，图标字体下方的”$”符号+数字的文本内容，它表示每一个图标字体的unicode代码点，在同一字体文件中不能重复。现在直接点击导出.ttf文件按钮会出现以下提示框：

因为可以看到复制过来的字体内容，图标字体下方的”$”符号+数字文本与前面的部分是重复的，所以我们需要修改这个值。

选中要修改的图标，点击设置代码点：

接下来，依次修改代码点如下图：

然后，导出.ttf文件：

然后，替换合并前的字体文件。

最后，使用合并后新增的图标，这里以下载图标为例：

1.修改style.css文件，在其中增加如下内容：

2.在页面中使用：

<span class="icon-download">span>

关于此工具的详细用法请见：http://fontstore.baidu.com/static/editor/doc/index.html