自定义字体之BMFont的使用

***************************************转载请注明出处:http://blog.csdn.net/lttree*******************************************

之前cocos2d-x文章用到了自定义字体的BMFont软件,不会用,看网上东东也没怎么看懂,自己摸索了半天,终于差不多啦,现在就来分享一下,如有错误之处,欢迎指正,Thank U~

这个软件下载地址:http://download.csdn.net/detail/lx417147512/7669867

下载下来,解压文件,可以看到有两个版本1.13和1.14beta,用哪个?随便吧。

安装以后。。。

打开BMFont应用程序,就是那个黑底白字的东东,

映入眼帘就这些东西,右面那一栏是一些选择,额。。。具体的我也不大清楚,

我就知道第一个Latin+Latin Supplement是将所有英文字母和字符选中,

通过左上角  Options->Font setting 可以选择字体(例如 宋体,楷体,还有一些巴拉巴拉英文名称的字体)

如果你的字体选乱了,想归零,重新选,可以按Ctrl+A或者 Edit->Select All Chars(这个命令其实是全选/取消全选)

菜单Options的Visualize可以看你导出的文件样子,比如PNG的样子,里面字符排列的格式。

菜单Options的Expot options可以控制导出的文件一些属性

命令暂时会这些就OK了。

其实,这个文件的用法可以归结为:

选则字体 -> 选择所需要用这些字体的字符 -> 选择导出文件副属性 -> 导出.fnt

选择字体通过Font Setting(在Options菜单下),

选择字符,可以自己手动点,也可以通过文件导入,

如果要通过文件导入,则是  Edit->select chars from file

选择导出的图片啊,什么的就用Export options(Options菜单下)

然后导出.fnt文件,Options->save bitmap font as...

光说不练假把式,来几个例子吧:

1.导出26个英文字母(大小写)+10个数字字符。

①选择字体,这里就选择 楷体吧~

②选择0~9 10个数字和26个英文字母大小写

③设置 Options->export options

--可以在options->Visualize  看看我们输出的PNG是什么样子的:

可以发现它的数字和字母都是乱序的。

⑤ 导出.fnt文件 ,Options->save bitmap font as...

可以发现存储的地方多了两个文件,一个是.fnt一个是.png。

.png就是自己整的字体的样子,.fnt就是png里各个字体的位置。

2.这次咱们来试一试汉语的,也适用于我们不知道哪些字需要用自定义字体,但我们有它的txt文件。

① 新建一个txt,输入一些你想存的汉字,保存时候注意选择UTF-8的编码格式

② 设置字体,setting嘛,随便设置一个,我这里用的仿宋,那个Charse要用Unicode

③导入我们的txt,Edit->select chars from file

然后再看一下Visualize可以看到,我们所输入的汉字已经在里面了:

嘿嘿,文字内容小自恋呀~。~

④接下来,导出.fnt就行了 O(∩_∩)O~

你不仅可以自己选择需要用的字符,也可以从文件导入,也可以文件导入后再加上自己选择的字符。

OK,就是这样。

***************************************转载请注明出处:http://blog.csdn.net/lttree********************************************

时间: 2024-10-14 02:37:21

自定义字体之BMFont的使用的相关文章

Android实现自定义字体

介绍 最近在看开源项目的时候,发现里面涉及到了自定义字体,虽然自己目前还用不到,但是动手demo笔记记录一下还是有必要的,没准哪天需要到这个功能. 原理 1.其实实现起来非常简单,主要是用到了Typeface这个类,通过加载assets里的ttf字体,调用View.setTypeface实现原生字体替换. 默认自带样式 public static final int NORMAL = 0; public static final int BOLD = 1; public static final

iOS开发中自定义字体的方法

http://www.cnblogs.com/iyou/archive/2014/05/25/3751669.html 1. 首先下载你想要设置的字体库,例如设置方正启体简体 2. 添加到工程,一定要注意勾选红色框框处,默认是不勾选的  添加以后 3.在plist文件中添加 4.现在已经添加成功了,但是要使用就必须知道FontName,用以下代码可查到 NSArray *familyNames = [[NSArray alloc] initWithArray:[UIFont familyName

iis 自定义字体 woff

HTTP 错误 404.3 - Not Found 由于扩展配置问题而无法提供您请求的页面.如果该页面是脚本,请添加处理程序.如果应下载文件,请添加 MIME 映射. 请求的 URL http://localhost:5210/Font/fontawesome-webfont.woff?v=3.2.1 物理路径 F:\autoCode\Font\fontawesome-webfont.woff 登录方法 匿名 登录用户 匿名 解决办法: 添加MIME .woff  application/x-f

css3 自定义字体的使用方法

@font-face是CSS3中的一个模块,他主要是把自己定义的Web字体嵌入到你的网页中,随着@font-face模块的出现,我们在Web的开发中使用字体不怕只能使用Web安全字体,你们当中或许有许多人会不自然的问,这样的东西IE能支持吗?当我告诉大家@font-face这个功能早在IE4就支持了你肯定会感到惊讶.我的Blog就使用了许多这样的自定义Web字体,比如说首页的Logo,Tags以及页面中的手写英文体,很多朋友问我如何使用,能让自己的页面也支持这样的自定义字体,一句话这些都是@fo

iOS使用自定义字体的方法(内置和任意下载ttf\otf\ttc字体文件)

最近做了个有关阅读的应用,使用了自定义字体,学习了一下这方面的知识. 1.首先是最简单也普遍的做法,打包内置字符库文件: 把字体库文件添加到工程,如font1.ttf添加到工程,然后在工程plist添加一项Fonts provided by application,这是个数组,然后添加key item1,value就是刚才说的font1.ttf,如图: 那么在工程里就可以直接使用这个字体,直接用 + (UIFont *)fontWithName:(NSString *)fontName size

box-shadow,text-shadow,前端自定义字体

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> @font-face { font-family: myfamily;    /*字体自定义名称,便于引用*/ /*自定义字体 */ src:url("res/font.TTF"); /*字体

Android 开发使用自定义字体

有时候,系统自带的字体并不能满足我们特殊的需求,这时候就需要引用其他的字体了,可以把下载的字体文件放在 assets 目录下. 自定义字体文件不能使用xml代码读取而应该使用java代码: public class MyActivity extends Activity { private TextView mText; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstance

HTML中用自定义字体实现小图标icon(不是原作, 只是一个研究笔记)

最近在做一个项目时, 研究了一下新浪微博的前端, 看到首页中那个图标了吗, 以前看到这类效果的第一反应就是用一个gif之类的图标做出来!! 但在研究的过程, 发现了一个小技巧, 注意那个em标签中的文本是E, 但显示出来一个类似ICON的图标. 既然是HTML+CSS写出来的, 那么应该是由css控制显示出来的效果的. 其他的一些css基本没什么问题, 都理解了, 但只有这个 font-family, 强制设置成了 "wbficonregular", 一般操作系统里应该没这个命名的字体

精简加载自定义字体

效果图: 核心源码: UIFont+WDCustomLoader.m 与 UIFont+WDCustomLoader.h // // UIFont+WDCustomLoader.h // // Created by Walter Da Col on 10/17/13. // Copyright (c) 2013 Walter Da Col (walter.dacol<at>gmail.com) // #import <UIKit/UIKit.h> /** You can use `