Cocos Creator 使用位圖工具BMFont自定義字體 fnt


位圖字體生成器官網地址

http://www.angelcode.com/products/bmfont/

 

1 在看別人的代碼的時候,有時候會發現.fnt文件,這個文件是如何產生的呢,其實是使用位圖處理工具生成的

 

2下載Window下的位圖處理工具BMFont,下載地址:

http://www.angelcode.com/products/bmfont/

 

3 安裝后,打開BMFont,界面如下,右邊的列表是字體庫

 

 

 

4 新建一個txt文件,輸入要用到的文字(一定要保存為UTF-8格式,否則軟件無法識別)

 

 

 

5 在BMFont上找到Edit菜單,然后選擇Selects chars from file,載入剛才新建的txt文件,你會發現剛才輸入的字符在BMFont中已經被選中。

 

6 在BMFont上找到Option菜單,然后選擇Font Setting設置字體,然后設置其中的Font(字體可以按需求隨便選擇)和Charset(默認的Unicode就可以)

 

 

 

7 設置導出選項,在BMFont上找到Option菜單,然后選擇Export options,在Cocos Creator中需要按如下設置

 

 

8 准備導出字體,在BMFont上找到Options,然后選擇Save bitmap font as,會發現保存路徑下多出了一個fnt文件和一個png文件(其實這個和plist文件保存拼圖信息原理差不多),將它們拷貝到Cocos Creator工程的資源目錄下即可使用

 


免責聲明!

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



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