BMfont制作图片中的自定义字体，无需字体文件

目录

  我们在手游开发中，经常会用到一些特殊字体！比如玩家的得分，金币数量，VIP特别显示等，这些特殊字符像.font格式的字体使用频率就会很高！这些字体大体上两类，就是数字或者中文。如果是数字，我们可以很轻松的制作，如果是中文呢，那么这些字体如何制作呢？今天给大家分享一款制作字体的小工具BMfont，欢迎大家一起探讨！首先这里附上BMfont下载链接

  游戏策划时不时想起来一些稀奇古怪的字体，拿来让我们在程序中使用，美术给你的也常是形如下面的这些图片:

  自己写代码来处理就不好处理了。我们来一起认识一下BMfont。

1、Bmfont简介

  BMfont这个软件全称是Bitmap font generator，是一款专门用来制作font字体的软件,官网也给了详细介绍，还有源码！我们接着打开BMfont吧！

2、认识Bmfont

  打开软件，我们可以看到如下界面：

  我们可以看到顶部的变体栏由自定义和编辑两个选项，详细介绍我们看这里或这里，今天我们假设你已经看了详细使用了。下面我来强调一些内容，可能是上面可能没有讲述到的，如果你是大神，请跳过。看下图：

- Size(px)
  表示的是合成的字体最后在编辑器中使用时字体的实际高度，一般我们可以根据图片的高度来定这个值的大小。

3、字体制作

  打开编辑Edit如图所示：


  打开图片管理Open Image Manager ，如下图所示：


  然后到导入指定路径的图片，打开如下图所示：


  此时，设置Id,这里的Id就要分情况了，如果知道的Id可以直接填进去就可以了，一般0-9这几个就是48-57，如果是汉字就不知道了，该怎么办呢？我们现在先不说后文将详细介绍，这里先把流程跑通。假设我们已经知道Id了，比如0的id就是48，填入之后按下OK那么一个字符就添加完了，一次类推；当我们提添加完全部字符后。由于前面做好了设置这里可以做如下操作，点击Visualize预览：


  预览如图所示：


  由于我的素材是在网上随便下载了一个尺寸比较大，生成后需要左右上下滚动才可以看到全图，大家凑合着看吧。实际上了美术给我们的图都是在100px以内的，可以看到红底黄色的字，这就是将来生成的样子。一般要注意的是美术给我们的文字或者数字图片宽高要统一，不然虽然可以做出字体，只是到时候用的时候感觉不好，对齐什么的都是问题！下一步就可以到处字体了，我们点击 Save bitmap font as…即可，到处后生成两个文件.font和. png两个文件，.png为合图，fnt为字体文件里面记录了一些和字体的一些信息。如图所示：

  这些数字，并非一定是按顺序排列的,在cocos studio中使用时我们可能需要把文件名字（不含扩展名）改成一样的，使用FNT艺术字就可以使用了。我们用记事本打开fnt文件，比对合图可以看到：

4、Id如何确定

  刚刚卖了个关子这里给大家释疑。关于每个字的id,我们看到上图是不是想到了什么？我们不妨可以先把一些我们需要显示的字写入一个记事本中，该记事本必须是UTF-8 BOM格式否则，在导入BMfont时会报找不到字体的错误。我们打开BNfont软件，点击Edit，选择Select all chars，如下图所示：

  点击Edit,选择Clear all chars in font，这两步的目的是为了生存的font字体中只还有自己想要生成的，建议每次生成不同的font字体文件是，都进行这两步。
  再点击Edit，选择Select chars from file如图:

  我们再到处字体从生成的.fnt文件中就可以根据位置找打我们需要的字体索引了，如图：

---

The End

  好了，今天的分享就到这里，如有不足之处，还望大家及时指正，随时欢迎探讨交流！！！