百度字體編輯器地址:http://fontstore.baidu.com/static/editor/index.html
使用手冊:http://fontstore.baidu.com/static/editor/doc/index.html#introduce
為什么要編輯字體文件?
只所以想要編輯龐大的字體文件的原因,是因為我們可愛的射擊濕,想要讓數字表現的更妖嬈多姿一點,注意:只是數字妖嬈,其他文字還是使用系統默認字體。那么問題來了,一個字體字體2058KB,而我只使用0~9這10個數字,明顯是很占加載的帶寬,所以這個字體文件要“減肥”,留下需要的文字,剔除不需要的文字
如何編輯字體文件?
使用百度字體文件編輯器(百度字體編輯器地址:http://fontstore.baidu.com/static/editor/index.html)。
跟射擊濕拿到字體文件之后,就開始以下步驟。
圖一:導入射擊濕給的字體文件,並命名為original,代表是原始字體文件(這個命名隨意^_^)
圖二:可以看到導入字體文件之后,看到清晰的看到字體文件的內容。
圖三:如圖三,進行三個步驟:(1)新建=》(2)修改名字為modified=》(3)從original里復制出項目中需要用到的數字0~9。
圖四: (4)選擇modified文件,然后)(5)ctrl+v,把剛才從original復制出來的數字粘貼進來。
圖五:這樣字體文件編輯好了,現在就是把編輯后的字體文件導出應用到頁面中。點擊(6)導出=》看到下載好的(7)文件
圖六:在css文件中引入文件,然后根據font-family 的名字使用它。這樣就完成了。
三、在編輯字體文件過程遇到的問題
當我在編輯字體文件過程中,發生了某個數字無法顯示正確。如圖,數字0顯示的不是正確的字體。
經過排查之后,原來導致0無法正確顯示的原因是因為新建一個字體文件的.notdef文件被我粘貼的時候覆蓋掉了,所以千萬要記得新建文件之后的.notdef文件千萬不要誤刪了。要保留着。如圖:
這個.notdef是什么文件呢?
我猜有點類似於配置文件,會包含字體的一些信息。總之千萬別刪哦。