cocoStudio UI编辑器设置自定义字体
一. 注意事项
- UI编辑器只支持fnt格式的字体!
- 字体的fnt和png是必须一一对应!
- fnt需使用BMFont控件!(网上说的我不清楚其他能不能用)
二. 一些废话
找了一下午的fnt格式字体(欲哭无泪,就设计个UI界面啊至于吗),试过以下两种方法:
- 直接搜索字体下载找fnt格式的,很不幸,基本上都是ttf格式,或者要付费。
- 使用ttf转fnt。字体转换的网站很少且基本不支持,查到个ttf2fnt软件下载下来说有病毒不敢用。
于是翻墙,找到了这个ttf转fnt的网站:ttf转fnt网站
三. 解决办法–BMFONT
- 下载BMFONT:BMFONT下载链接
安装包里有64和32的,看你的电脑选择安装。 - 打开Options — Font Settings。
在Font处选择字体,这里的字体是电脑中安装的。Charset注意选择Unicode,其他不动。 - 打开Options — Export Options。
最后面三行按照下图设置。 - 桌面新建文档,输入你想要的字,在文件 — 另存为,设置编码格式为:带有BOM的UTF-8。
- 在BMFONT中打开Edit — Select chars from file,将新建文档导入。
如果出现:
说明txt和BMFONT的编码格式不匹配,当然也可以点击确定继续,可能会有些字找不到而已。
- 将生成的fnt文件保存:打开Options — Save bitmap font as … :
- 得到的如图所示:
四. 在UI编辑器中设定字体
方法和导入图片一样,导入字体文件需将fnt和png一起导入,效果如下:
当你把字体文件拖入到相应位置的时候,cocoStudio闪退是因为:
该字体文件用不了!!
(我已经被闪退了几十次也不说什么原因,气人)
- fnt文件和png文件的内容不匹配。(就像我在网站用ttf转fnt得到的那份)
- fnt文件和png文件名字不匹配。(在BMFONT中导出的文件名不能改。我导出了font2.fnt和font2_0.png,以为要一致把png的改为font2.png,导致error)