cocoStudio UI编辑器设置自定义字体

cocoStudio UI编辑器设置自定义字体

文章目录

    • cocoStudio UI编辑器设置自定义字体
          • 一. 注意事项
          • 二. 一些废话
          • 三. 解决办法--BMFONT
          • 四. 在UI编辑器中设定字体
          • 继续肝拜拜

一. 注意事项
  1. UI编辑器只支持fnt格式的字体!
  2. 字体的fnt和png是必须一一对应!
  3. fnt需使用BMFont控件!(网上说的我不清楚其他能不能用)
二. 一些废话

找了一下午的fnt格式字体(欲哭无泪,就设计个UI界面啊至于吗),试过以下两种方法:

  1. 直接搜索字体下载找fnt格式的,很不幸,基本上都是ttf格式,或者要付费。
  2. 使用ttf转fnt。字体转换的网站很少且基本不支持,查到个ttf2fnt软件下载下来说有病毒不敢用。

于是,找到了这个ttf转fnt的网站:ttf转fnt网站

cocoStudio UI编辑器设置自定义字体_第1张图片
看起来似乎有救了,还可以设置大小颜色,爱了爱了。结果导入了8个ttf文件,只有2个转换成功...看看:
cocoStudio UI编辑器设置自定义字体_第2张图片
很明显失败了,而且在修改字体时cocoStudio毫不留情地给我闪退了。
三. 解决办法–BMFONT
  1. 下载BMFONT:BMFONT下载链接
    安装包里有64和32的,看你的电脑选择安装。
  2. 打开Options — Font Settings。
    在Font处选择字体,这里的字体是电脑中安装的。Charset注意选择Unicode,其他不动。
    cocoStudio UI编辑器设置自定义字体_第3张图片
  3. 打开Options — Export Options。
    最后面三行按照下图设置。
    cocoStudio UI编辑器设置自定义字体_第4张图片
  4. 桌面新建文档,输入你想要的字,在文件 — 另存为,设置编码格式为:带有BOM的UTF-8。
    cocoStudio UI编辑器设置自定义字体_第5张图片
  5. 在BMFONT中打开Edit — Select chars from file,将新建文档导入。
    cocoStudio UI编辑器设置自定义字体_第6张图片

如果出现:
cocoStudio UI编辑器设置自定义字体_第7张图片
说明txt和BMFONT的编码格式不匹配,当然也可以点击确定继续,可能会有些字找不到而已。

  1. 将生成的fnt文件保存:打开Options — Save bitmap font as … :
    cocoStudio UI编辑器设置自定义字体_第8张图片
  2. 得到的如图所示:
    cocoStudio UI编辑器设置自定义字体_第9张图片
四. 在UI编辑器中设定字体

方法和导入图片一样,导入字体文件需将fnt和png一起导入,效果如下:

当你把字体文件拖入到相应位置的时候,cocoStudio闪退是因为:
该字体文件用不了!!
(我已经被闪退了几十次也不说什么原因,气人)

  1. fnt文件和png文件的内容不匹配。(就像我在网站用ttf转fnt得到的那份)
  2. fnt文件和png文件名字不匹配。(在BMFONT中导出的文件名不能改。我导出了font2.fnt和font2_0.png,以为要一致把png的改为font2.png,导致error)
继续肝拜拜

你可能感兴趣的:(cocos2d)