NGUI制作字体的三种方法

主要参考两篇博文：

（1）、NGUI制作字体的三种方法

（2）、使用位图字体工具BMFont从图片生成自定义字体

1.BMFont下载地址

http://www.angelcode.com/products/bmfont/

2.BMFont使用方法

http://momowing.diandian.com/post/2013-01-24/40046239211

首先打开Font Settings,选择要制作的字体。可以从Font列表中选择一种字体，也可以通过Add font files导入一个ttf字体文件。

Charset字体编码默认为Unicode，当然也可以选择其它的。

点击OK，字体设置成功。

然后打开Export Settings,进行导出设置

Width和Height的值，尽量选小，只要能够容纳我们需要用到的所有字就可以了，选大了浪费。

Bit depth，32位比8位更清晰，不过负担更大。

Font descriptor选择Text

Texture选择png

选择OK，完成导出设置。

接下来我们就可以选择我们所要制作的字，一个一个去找太麻烦了，我们可以先新建一个txt文件，在其中输入我们要制作的字，然后Select chars from file就可以直接选中所有要用到的字了。

注意

1.在导入前要先clear all chars in font。

2.由于txt文件的编码方式不是在上面设置的unicode，所以我们要对这个txt文件另存为unicode方式，并覆盖。否则，在导入时会提示charcters from the file are not available in the font

最后Save bitmap font as就可以导出一个png和一个fnt，将fnt改为txt格式。这就是我们在ngui中制作bitmap字体所用到的两个文件了。

3.新版NGUI提供的三种创建字体方式

（1）使用BMFont制作的png文件和txt文件制作bitmap字体。分别将两个文件拖入texture和font Data里面。 缺陷：局限于个别字。不能随意改变。还要用外部工具BMfont来创建字体集。

（2）动态字体，需要先导入一个ttf字体文件。C/windows/fonts下面就有很多。也可以从网上下载一些独特的字体。

导入后，拖入Source中，选择size等就可以创建一个字体。

也可以另外手动创建http://momowing.diandian.com/post/2013-05-07/40051478498

注意看下面的提示：要使用动态字体，不必创建UIFont，只需要在UIlabel中选择Unity，再将ttf文件拖入font中即可。

缺点：动态字体不能作为一个atlas的一部分，所以使用动态字体必然要增加至少一个draw call。而且ttf文件一般较大，会大大地增加包大小

（3）可以使用ttf字体文件来创建一个bitmap字体。

与第二种方法类似，区别只是这种方法创建的字体不需要使用BMFont来创建，直接在Unity内部就可以创建，只要我们导入了相应的ttf文件。

而且与第二种方法相同的是，打包时只会包含一个png，一个prefab，一个material，而不会把ttf包含进去。

 

 

本篇讲解如何利用美工提供的字符图形来生成自定义字体。

美术提供的字体经常是下面这样的：

或者这样的：

这时候我们就要借助BMFont了，首先针对真彩色的图形，我们要做一些设定，点击"Options"->“Export options”：

在弹出的窗口中，注意红框中“位深”，设为32：

然后，点击"Edit"->"(Un)Select all chars"，取消选择所有字符。因为我们将在后边导入需要的字符。

OK，现在点击"Edit"->"Open Image Manager"：

弹出图片管理窗体，如下：

那个"Image"是菜单，可以点击。选择"Image"->"Import image..."：

弹出如下窗体：

点击"Browse"按钮，在弹出的“打开”窗口中选择一个字符图片，比如"0":

然后在ID后的文本框中输入字符"0"的Ascii值：48，点击"OK"。

这时返回主窗体，你会看到字符表中"0"右下角有一个小亮点标记，说明该字符的图形为自定义图片。如下图：

按上述方法，依次加入其它字符的图片，完成后如下：

OK，下面准备导出。导出前我们可以先点击"Options"->"Visualize"预览一下：

最后得到如下文件：

将生成的这两个文件，拖入上面提到的NGUI制作方法（一），的两个框框内，点击create，即可生成需要的UIFont的Prefab。