HTML5學堂：此前，我們介紹過font-spider這款軟體，也講解過處理網路字型的方法。而今我們為大家介紹一款能夠秒殺之前所有工具的“特殊字型”製作工具。

fontmin

為何力薦fontmin？

方便，快捷~！不需要自己手動摳文字，直接生成各類文字字型，而且程式碼也可以直接生成。

fontmin的特點

子集化（只取用當前字型中的部分文字）後的字型刪掉了所有沒用空字元，不需要另開fontcreator進行二次精簡

無論原字型的對映怎麼亂七八糟，子集化後的對映平臺自動改為兩個必要的unicode平臺，使得在理論上所有字型都能精簡，所有裝置上閱讀器都能正常識別

簡言之，就是既能刪除多餘文字，也能夠調整文字對映。

fontmin下載

fontmin官網：http://ecomfe.github.io/fontmin

fontmin的具體操作

1 開啟軟體（無需安裝，開啟即用）

2 輸入需要採用特殊字型的文字

3 將字型拖拽到相應位置，點選“生成”

4 把生成的檔案複製/剪下到指定位置即可

會生成各類字型檔案，同時還有CSS檔案，可以使用編輯器開啟CSS檔案，內容如下（我此處使用的是漢儀雪君體簡的字型）

@font-face {
    font-family: "漢儀雪君體簡";
    src: url("漢儀雪君體簡.eot"); /* IE9 */
    src: url("漢儀雪君體簡.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("漢儀雪君體簡.woff") format("woff"), /* chrome、firefox */
    url("漢儀雪君體簡.ttf") format("truetype"), /* chrome、firefox、opera、Safari, Android, iOS 4.2+ */
    url("漢儀雪君體簡.svg#漢儀雪君體簡") format("svg"); /* iOS 4.1- */
    font-style: normal;
    font-weight: normal;
}
 

測試頁面效果：（製作字型包時輸入的所有文字都變成了“漢儀雪君體簡”，沒有在字型包中的文字依舊是預設宋體）

關於fontmin的建議

1 個人建議採用英文的名稱命名字型，而不要採用中文（一出現中文就很有可能出現亂碼問題）。換句話說，修改案例中的“漢儀雪君體簡.css”裡面的font-family的屬性值以及所有的字型名稱，保持一致即可。

2 如果發現在閱讀器上還是無法顯示，請用fontcreator把第一個空字元刪了再重新插入這個空字元，就是對映總是$0000的那個。這個並不屬於軟體bug，fontmin會完整保留第一個空字元所有對映，因此可能導致與後來改的字元對映產生衝突，而在移動裝置無法正常顯示。各位按上面方法手動處理一下就好（並不是每個都會發生的，如果出現衝突也會有彈窗的提示）。

本文章內容小編：HTML5學堂-利利。耗時3h。額外感謝HTML5學堂的昌昌推薦這個工具。 ~