BMFont字體編輯器的使用

bmfont是windows下的字體編輯器，生成的fnt文件可以用於cocos2d-x的CCLabelBMFont

下載與安裝字體編輯器

下載地址： http://www.angelcode.com/products/bmfont/

安裝完成后，可以在開始菜單中找到BMFont

編輯字體

1.字體設置

2.導入設置（注意：Bit depth 需要選擇32bit，不然導出的png圖片背景會是黑色）

3.新建一個文本，並添加需要的字體（注意：文件的格式必須是UTF-8）

點擊Edit — Select chars from file，選擇字體文本文件，然后字體編輯器就會自動幫我們選上文本中的文字

在編輯器左下角可以看到當前已經選擇的字符個數

4.導出fnt文件

點擊Options — Save bitmap font as..導出fnt文件

使用自定義圖片

注意：圖片的路徑不帶包含中文，否則導入圖片會失敗。

導入圖片：Edit —— Open Image Manager

ascill碼對照表：http://tool.oschina.net/commons?type=4

ascill碼在線轉換：http://www.ab126.com/goju/1711.html

文字描邊效果

1.打開導出設置，設置字體的padding為2

2.導出字體文件，打開photoshop，把字體的png文件拖到photoshop，在圖層上右鍵，選擇混合選項

3.點擊描邊，這里設置描邊的像素為2，對應導出時設置的padding的大小

還可以增加顏色疊加等其它效果

4.ctrl + s ，保存圖片為png格式，名稱對應字體文件png圖片的名稱

引用字體文件

1.在項目中導入資源文件

2.創建LabelBMFont，並添加到層

lua代碼

    local visibleSize = cc.Director:getInstance():getVisibleSize()
    local label = cc.Label:createWithBMFont("res/fonts/test.fnt","中文")
    -- 設置字體顏色為紅色    
    label:setColor(cc.c4b(255,0,0,255))
    -- 設置字體大小    
    label:setScale(1.2)
    label:setPosition(visibleSize.width/2,visibleSize.height/2)
    bg:addChild(label,10)

運行效果：