使用百度字體編輯器刪除不必要字體,減少字體文件體積


百度字體編輯器地址: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是什么文件呢?

我猜有點類似於配置文件,會包含字體的一些信息。總之千萬別刪哦。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM