Bmfont 软件 用来生成 fnt 格式的字体文件和 png 图片,常用于cocos 游戏开发中制作动态字体。
下面手把手介绍 Bmfont 软件生成fnt 字体的详细步骤:
1、下载安装Bmfont 软件
![在这里插入图片描述](https://img-blog.csdnimg.cn/dd0dcca3ef16413c8ad890b2b5b9de6c.png#pic_center)
2、新建文本字库
新建一个txt文本文档。
注意:保存为UTF-8-BOM 编码格式,否则后续导出文字将出现乱码。
这里测试内容是: 大家好我是微软雅黑字体。
![在这里插入图片描述](https://img-blog.csdnimg.cn/49f8e154a5764ecbb7cb0123ff2512b8.png#pic_center)
3、双击启动 bmfont64.exe
![在这里插入图片描述](https://img-blog.csdnimg.cn/fa4f422a42044eeea9bf38f9c36700bb.png#pic_center)
4、设置字体
(1)、选择菜单:Options—Font setting
![在这里插入图片描述](https://img-blog.csdnimg.cn/c36803105ff74d58bd75fca2c1809559.png#pic_center)
(2)、Font setting 参数介绍
(3)、弹出框中,选择自己喜欢的字体,并设置合适的参数
这里演示选择微软雅黑:
![在这里插入图片描述](https://img-blog.csdnimg.cn/f4856142ed3647bdb5a3d7b7b75f18f0.png#pic_center)
一般像上图的设置,能满足平时的要求。
5、导入自定义的字体库
选择Edit—select cahr from file 选择我们自定义的字体文件。
![在这里插入图片描述](https://img-blog.csdnimg.cn/cd91e6bca86a462480126e552d68f6e3.png#pic_center)
这里演示,选择我们刚才新建的 utf8-bom 编码格式 的文本文件,选择后左下角会显示导入的文字数目。
![在这里插入图片描述](https://img-blog.csdnimg.cn/e7b9b0c09f2648c88093e8a0caecbd80.png#pic_center)
![在这里插入图片描述](https://img-blog.csdnimg.cn/bf814d5ea32540d6b1738cb63cf036d2.png#pic_center)
6、从图片生成自定义字体(如果无此需求,可跳过此步骤)
选择Edit - Open Image Manager
![在这里插入图片描述](https://img-blog.csdnimg.cn/16b2f33a5a8843d2bad31e69efe062d3.png#pic_center)
在弹出的界面中选择Image-Import image
![在这里插入图片描述](https://img-blog.csdnimg.cn/fd9635b8458449acb6a9ace44763e4fb.png#pic_center)
在弹出界面中,选择自己想要的图片
![在这里插入图片描述](https://img-blog.csdnimg.cn/c3fe4868bafe4313bd292dff75595f51.png#pic_center)
点击打开图片
![在这里插入图片描述](https://img-blog.csdnimg.cn/a789bedf203849ce9fe74106100aaa75.png#pic_center)
这里的Id要设置为字符集中 ascii 编码 .
这个地方也有显示:
例如 : 1 的ascii 码为 49
![在这里插入图片描述](https://img-blog.csdnimg.cn/1fcdf6e5d132489b9020741af6d1e684.png)
![在这里插入图片描述](https://img-blog.csdnimg.cn/262baf883fef43dcb3478433dbb070e7.png#pic_center)
重复上边的步骤,把所需的图片设置完成:
![在这里插入图片描述](https://img-blog.csdnimg.cn/2536f6053caa41c0ae62bbcd61889241.png)
7、 导出结果设置
(1)、选择Options—Export options
![在这里插入图片描述](https://img-blog.csdnimg.cn/671d82965bbd4861bd69c4966fabbae0.png#pic_center)
(2)、在弹出的Export Options 中设置对应的参数:
![在这里插入图片描述](https://img-blog.csdnimg.cn/e0041f354b914e5f9abb29bc7b3704cf.png#pic_center)
(3)、参数说明
- Spacing : 2个字之间的间隔
- Width Heigth 导出的图片的大小,这里要注意数字越大占用的资源空间就越大,所以我们要选个合适的值,一般选择(2的n次幂)。
- Bit depth 选择32,要不然字体不清晰
- Font descriptor 选择Text
- Textures 选择png
- A、R、G、B 文本颜色
8、导出
选择Options—save bitmap font as
在弹出窗口,选择保存路径,输入文件名称,保存即可。
保存后会得到同名的两个文件,一个fnt 格式文件,另一个 png图片,如图:
![在这里插入图片描述](https://img-blog.csdnimg.cn/073cb21671e147c897d73ccc5e69fceb.png#pic_center)
![在这里插入图片描述](https://img-blog.csdnimg.cn/98fc093dc9344d37b6fc1f673c45dfa7.png#pic_center)
至此,Bmfont 软件生成fnt 字体到此结束。