基于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

總結

以上是生活随笔為你收集整理的多字体文件合并处理的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。