一、任务说明

位图字体在游戏中的作用非常广泛，不仅可以解决用户没有安装字体库的显示问题，还有不同系统平台间的兼容问题，以及不同设备的像素显示问题…这些问题统统可以利用位图解决，让我们的UI变的更美观，同时消除差异。但是需要注意的是位图只能适用于不复杂的系统，比如一些数值或者特殊UI字体的显示，不能解决大段的对话剧情需求。

二、操作步骤

2.1 对比查看官方文档教程

文档：https://ldc2.layabox.com/doc/?nav=zh-ts-1-2-5

2.2 准备材料

下载位图制作软件：http://www.angelcode.com/products/bmfont

下载完成后解压出来，这个是免安装的可执行版。

另外在美术那里找到自己要制作的位图字体的切图，这里采用0~9数字演示。

以上就是要准备的全部资料啦，接下来就可以制作位图字体了。

2.3 位图字体制作

运行软件bmfont64.exe—》Edit—》open Image Manager
点击Image—》import image(这里还可以选择编辑、删除)
选择自己对应的切图文件，然后修改文件Id，让位图可以关联到自己表示的字符

Id的查看方法如图，点击对应的字体，在右下角可以看到id。

然后点击OK完成，重复上述，知道自己所以的位图字体都导入完成为止。

完成关联后对应的字体右下角会出现小蓝点，另外如果你要录入的是汉字或者其他字体，可以在右图蓝色框内切换字体编码，该工具支持大部分字符编码。
关联好后关闭Image Manager，点击Options—》Export Options，调整导出设置：

如图依次做好调整。
点击Options—》Save bitmap font as ...选择对应路径保存即可。

最终我们获得的就是两个产物，这两个东西就可以导入我们的LayaAir引擎中使用啦！

任务8：位图字体的制作相关推荐

Laya 位图字体制作（失败...）
参考: 官网教程-位图字体的制作与使用一.下载字体并安装字体从站长字体下载了液晶数字字体,将TTF文件拖入C盘windows/Font文件夹,则字体会自动安装二.下载字体制作工具 Bitmap ...
Egret之位图字体
1 , 关于位图字体的制作 2 , egret官方提供的资源看看cartoon-font.fnt的内容 {"file":"cartoon-font.png", ...
【Cocos Creator】使用 TTF 以及文本配置动态生成位图字体的解决方案
游戏开发,需要使用字体. 直接使用 TTF 字体,其优点是开发特别省事. 而缺点却是很要命: TTF 字体文件过大,包含了不必要的字,增大了包体,减缓了加载速度: 部分平台不支持 TTF 文件的加载: ...
免费的位图字体制作工具Bitmap Font Generator使用教程
转载请保留原地址 http://www.cocos2dres.com/post/87.html 谢谢!! 首先下载安装windows下免费的位图字体制作工具Bitmap Font Generator ...
写一个在线位图字体制作工具！BitmapFont!
简单易用,跨平台,20KB! 效果效果预览: https://www.bilibili.com/video/BV1cf4y1H7Pa 无论写代码还是写工具,都要明确输入与输出. 输入:零碎的字体图片 ...
字体包和字体子集制作，位图字体制作工具推荐
字体包和字体子集制作,位图字体制作工具推荐 Bitmap Font Generator(位图字体) windows软件在线工具在线生成位图字体工具字体子集制作软件 Fontmin-v0.2.0- ...
BMPFont使用教程--免费的位图字体制作工具
首先下载安装windows下免费的位图字体制作工具Bitmap Font Generator 下载地址 http://www.angelcode.com/products/bmfont/instal ...
BMPFont使用教程--免费的位图字体制作工具字体制作(2)
1.下载windows免费的位图字体制作工具Bitmap Font Generator 下载地址:BMFont - AngelCode.com 2.打开软件-> Edit -> Open ...
Cocos2d-x 3.10 使用BMFont 制作自定义位图字体.fnt文件
第一步,下载制作工具 BMFont下载地址第二步,选择左上角的Edit->open Image Manager 点击后的界面第三步,自定义位图字体资源,按照Ascll码表排序例如,控制字符 ...

任务8：位图字体的制作

文章目录