怎样使用BMFont生成fnt字体

在开发中，不可避免会遇到使用图片来代替字体显示，又美观又大气，但是程序更改起来会比较麻烦，这个时候就需要用到BMFont（位图工具）来制作Fnt字体了。

我们先来认识一下BMFont，下图是界面，右边的是字体库

选项就不一一做介绍了，接下来让我们来做一个位图的fnt字体吧。一般美术资源都是这样的

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

在弹出的窗口中，选择位深度设置为32位，导出的纹理材质为PNG（红框中的选项）

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

现在点击"Edit"->"Open Image Manager" 弹出下图窗口

"Image"是菜单栏，可以点击。有三个选项，如下图

Import image 是导入图片资源

Edit image 是修改已经导入的图片资源

Delete selected 是删除所选择的图片资源

选择"Image"->"Import image"，选择要导入的图片资源，选择完以后如下图

修改ID里面的数值，id所需要的数值是Ascii表里的十进制数，如不知道自己位图的Ascii值。可以看下图（汉字不包括在内）

然后点击确定，你选择的位图就会在该位置亮起小标点，我导入的图片是1，输入的id是49，那么他就会在1的位置亮一个小标点，如下图

依次按照以上导入图片步骤，导入其他你所需要的字体位图，完后以后如下图

导出之前我们可以先点击"Options"->"Visualize"预览一下效果

这样看起来是不是觉得材质太大，太浪费了？那么我们先选择"Options"->“Font settings”

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

然后选择"Options"->“Export options” 修改导出材质的大小，改到合适大小就行

然后再次预览一下效果，如果在预览的时候出现

这说明你修改的宽度或者高度不能输出一个字位图，这个时候只需要重复上一步操作，改到对应的大小就OK，

选择 "Options"->“Save bitmap font as” ，然后导出，导出完以后，会在你选择的路径有一个fnt和png

这样一个fnt就做好了

----进阶制作汉字FNT

新建一个text文本，输入想要的内容，保存（注意！！！！！保存的格式一定要是UTF-8格式，否则软件无法识别）

选择"Edit"->“Selects chars from file”，载入刚才新建的txt文件，然后你会发现出现一个错误

这个错误导致的原因是你没有选择字体，选择"Edit"->“Fnot settings”修改成中文字体

再次选择"Edit"->“Selects chars from file” 你会发现刚才输入的字符已经导入成功了

然后点击"Options"->"Visualize"预览一下效果

导出之前修改一下导出选项，选择"Options"->“Export options” ，在cocos2d-x中需要按如下设置

选择 "Options"->“Save bitmap font as” ，然后导出，导出完以后，会在你选择的路径有一个fnt和png

OK，fnt字体制作到此结束了

怎样使用BMFont生成fnt字体相关推荐

unity 使用BMFont 制作自定义字体
unity cocos 使用BMFont,生成自定义字体 1.BMFont下载地址 http://www.angelcode.com/products/bmfont/ 本篇讲解如何利用美工提供的字符图 ...
使用位图字体工具BMFont从图片生成自定义字体
上一篇转了别人的一篇文章,讲了BMFont的基本用法.对BMFont比较陌生的同学请点击这里先去学习:http://blog.csdn.net/keshuiyun/article/details/99 ...
Unity3d之-使用BMFont制作美术字体
一.需求游戏开发中经常遇到需要以美术字(而非字库)做数字显示的情况,通常美术会提供一组包含单个数字(也会有其它字符)的图片,可能是一张整图,也可能是每个数字分开的散图. 在此我以一张整图这种情况为例 ...
cocos2dx fnt字体、自定义字体制作
BMFont字体制作工具下载:http://www.400gb.com/file/69802333 更多软件下载:http://cocos2dx.400gb.com 使用说明: 这个程序将允许您生成T ...
cocos2d-x 使用位图工具制作 fnt字体
[原文地址:http://blog.csdn.net/qiurisuixiang/article/details/8984288] 1 在看别人的代码的时候,有时候会发现.fnt文件,这个文件是如何产 ...
【Cocos Creator】使用 TTF 以及文本配置动态生成位图字体的解决方案
游戏开发,需要使用字体. 直接使用 TTF 字体,其优点是开发特别省事. 而缺点却是很要命: TTF 字体文件过大,包含了不必要的字,增大了包体,减缓了加载速度: 部分平台不支持 TTF 文件的加载: ...
UGUI使用BMFont制作美术字体二
还不多说,先来效果图: 是不是感觉比第一篇文章的工具更加高大上些,好了,现在开始讲开发流程,首先我们用到的工具依旧是BMFont,它的命令行在这里:bmfont.exe -c %1 -o %2 命令说 ...
lua/cocos加载动画以及可以使用加载纹理的方式来替换图片并且加载个人制作的艺术字体(fnt字体)
1.加载spine/json(ExportJson)骨骼动画现在用的比较多 local spineAnim = sp.SkeletonAnimation:create("base/res/ ...
【Flutter】Icons 组件 ( FlutterIcon 下载图标 | 自定义 svg 图标生成 ttf 字体文件 | 使用下载的 ttf 图标文件 )
文章目录一.FlutterIcon 下载图标二.自定义 svg 图标生成 ttf 字体文件三.使用下载的 ttf 图标文件四.完整代码示例五.相关资源一.FlutterIcon 下载图标 ...
lua cocos 中对FNT字体的使用
在游戏中,通常要使用到FNT字体,FNT字体实际上就是将我们使用的0123456789与图片中的数字联系起来,所以在代码中尽量减少对该图片的缩放操作.可能会导致一系列不可预知的错误. 每个FNT字体打 ...

怎样使用BMFont生成fnt字体

怎样使用BMFont生成fnt字体相关推荐

最新文章

热门文章