Cocos2d 中 fnt文件生产工具 Bitmap Font Generator

首先 下载安装windows下免费的位图字体制作工具Bitmap Font Generator

下载地址http://www.angelcode.com/products/bmfont/install_bmfont_1.13.exe

2 打开软件,选择Opotion->FontSetting,来设定需要导出的字体

我这里用微软雅黑。 Size可以设定字体大小,最好需要多大就设定多大,这里是32 Height可以设定字体的拉伸高度,保持默认100%就可以了

Cocos2d 中 fnt文件生产工具 Bitmap Font Generator_第1张图片
3. 选择菜单 Edit->Clear all chars in font 清空下字符

4. 选择菜单 Edit->Selecting text from file... 选择一个文件,里面包含你想生成字体的文字

生成一个*.Txt文本,里面包含你想要生成字体的文件,如下图

Cocos2d 中 fnt文件生产工具 Bitmap Font Generator_第2张图片

选中刚才创建的txt文件,如果有提示失败,请检查txt文件是不是unicode或者utf-8编码的文件以及字体是否包含文本内的字体
5.Option->ExportOptions来设定导出的样式等

Cocos2d 中 fnt文件生产工具 Bitmap Font Generator_第3张图片

这里解释一下几个重要的地方

Padding,文字的内边框,或者理解为文字的周边留空要多大 做后期样式时这个属性很重要,需要预留空间来给描边、发光等特效使用 比如我预计我的样式要加一个2px的边框,然后加一个右下角2px的投影效果,所以我设定了padding:2px 4px 4px 2px

BitDepth,必须32位,否则没有透明层

Presets,字体初始化的预设的颜色通道设定,也就是说字体的初始颜色设定是什么样的,建议都用白色字,可以直接设定为White text with alpha,即白色字透明底。

Font descript,字体描述文件,可以使用text或者xml 也就是fnt文件格式

Textures,纹理图片格式,果断png。
6.option->Save bitmap font as...
导出成一个文理文件和一个描述文件,如果按照上面的配置,会有一个*.png和一个*.fnt

这是导出后的png图片,为了看得清楚,我选择了黑色加透明 具体颜色视你的应用情况而定



7.用photoshop处理导出的png文件 后期处理了 视自己的情况定,我这里就没有做处理

如果你在系统安装了一些艺术字体,然后现加上后期处理,你就可以创造出独特的字体!!!


你可能感兴趣的:(Cocos2d 中 fnt文件生产工具 Bitmap Font Generator)