在開發中，不可避免會遇到使用圖片來代替字體顯示，又美觀又大氣，但是程序更改起來會比較麻煩，這個時候就需要用到BMFont（位圖工具）來制作Fnt字體了。

我們先來認識一下BMFont，下圖是界面，右邊的是字體庫

?選項就不一一做介紹了，接下來讓我們來做一個位圖的fnt字體吧。一般美術資源都是這樣的

這時候我們就要使用BMFont了，首先針對真彩色的圖形，我們要做一些設定，點擊"Options"->“Export options”

在彈出的窗口中，選擇位深度設置為32位，導出的紋理材質為PNG（紅框中的選項）

然后，點擊"Edit"->"(Un)Select all chars"，取消選擇所有字符。因為我們將在后邊導入需要的字符。

現在點擊"Edit"->"Open Image Manager" 彈出下圖窗口

"Image"是菜單欄，可以點擊。有三個選項，如下圖

Import image 是導入圖片資源

Edit?image 是修改已經導入的圖片資源

Delete selected 是刪除所選擇的圖片資源

選擇"Image"->"Import image"，選擇要導入的圖片資源，選擇完以后如下圖

修改ID里面的數值，id所需要的數值是Ascii表里的十進制數，如不知道自己位圖的Ascii值。可以看下圖（漢字不包括在內）

然后點擊確定，你選擇的位圖就會在該位置亮起小標點，我導入的圖片是1，輸入的id是49，那么他就會在1的位置亮一個小標點，如下圖

依次按照以上導入圖片步驟，導入其他你所需要的字體位圖，完后以后如下圖

導出之前我們可以先點擊"Options"->"Visualize"預覽一下效果

這樣看起來是不是覺得材質太大，太浪費了？ 那么我們先選擇"Options"->“Font settings”

看Size大小是多少（Size表示的是合成的字體最后在編輯器中使用時字體的實際高度，一般我們可以根據圖片的高度來定這個值的大小。）

然后選擇"Options"->“Export options”??修改導出材質的大小，改到合適大小就行

然后再次預覽一下效果，如果在預覽的時候出現

這說明你修改的寬度或者高度不能輸出一個字位圖，這個時候只需要重復上一步操作，改到對應的大小就OK，

選擇? "Options"->“Save?bitmap?font?as” ，然后導出，導出完以后，會在你選擇的路徑有一個fnt和png

這樣一個fnt就做好了

?

----進階制作漢字FNT

新建一個text文本，輸入想要的內容，保存（注意！！！！！ 保存的格式一定要是UTF-8格式，否則軟件無法識別）

選擇"Edit"->“Selects?chars?from?file”，載入剛才新建的txt文件，然后你會發現出現一個錯誤

這個錯誤導致的原因是你沒有選擇字體，選擇"Edit"->“Fnot settings”修改成中文字體

再次選擇"Edit"->“Selects?chars?from?file” 你會發現剛才輸入的字符已經導入成功了

然后點擊"Options"->"Visualize"預覽一下效果

導出之前修改一下導出選項，選擇"Options"->“Export?options” ，在cocos2d-x中需要按如下設置

選擇? "Options"->“Save?bitmap?font?as” ，然后導出，導出完以后，會在你選擇的路徑有一個fnt和png

OK，fnt字體制作到此結束了

總結

以上是生活随笔為你收集整理的怎样使用BMFont生成fnt字体的全部內容，希望文章能夠幫你解決所遇到的問題。

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