Cocos Creator 使用位图工具BMFont自定义字体 fnt
2019-09-09 10:52 罗任德 阅读(2074) 评论(0) 编辑 收藏 举报位图字体生成器官网地址
http://www.angelcode.com/products/bmfont/
1 在看别人的代码的时候,有时候会发现.fnt文件,这个文件是如何产生的呢,其实是使用位图处理工具生成的
2下载Window下的位图处理工具BMFont,下载地址:
http://www.angelcode.com/products/bmfont/
3 安装后,打开BMFont,界面如下,右边的列表是字体库
4 新建一个txt文件,输入要用到的文字(一定要保存为UTF-8格式,否则软件无法识别)
5 在BMFont上找到Edit菜单,然后选择Selects chars from file,载入刚才新建的txt文件,你会发现刚才输入的字符在BMFont中已经被选中。
6 在BMFont上找到Option菜单,然后选择Font Setting设置字体,然后设置其中的Font(字体可以按需求随便选择)和Charset(默认的Unicode就可以)
7 设置导出选项,在BMFont上找到Option菜单,然后选择Export options,在Cocos Creator中需要按如下设置
8 准备导出字体,在BMFont上找到Options,然后选择Save bitmap font as,会发现保存路径下多出了一个fnt文件和一个png文件(其实这个和plist文件保存拼图信息原理差不多),将它们拷贝到Cocos Creator工程的资源目录下即可使用