在開發中，不可避免會遇到使用圖片來代替字體顯示，又美觀又大氣，但是程序更改起來會比較麻煩，這個時候就需要用到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字體制作到此結束了