自己定义字体之BMFont的使用
***************************************转载请注明出处:http://blog.csdn.net/lttree*******************************************
之前cocos2d-x文章用到了自己定义字体的BMFont软件,不会用,看网上东东也没怎么看懂,自己摸索了半天,最终差点儿相同啦,如今就来分享一下,如有错误之处,欢迎指正,Thank U~
这个软件下载地址:http://download.csdn.net/detail/lx417147512/7669867
下载下来,解压文件,能够看到有两个版本号1.13和1.14beta。用哪个?随便吧。
安装以后。。
。
打开BMFont应用程序,就是那个黑底白字的东东,
watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvbHR0cmVl/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="">
映入眼帘就这些东西,右面那一栏是一些选择,额。
。。
详细的我也不大清楚。
我就知道第一个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********************************************
自己定义字体之BMFont的使用的更多相关文章
- font-weight -- 定义字体的粗细
font-weight -- 定义字体的粗细 取值: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 70 ...
- CSS定义字体间距 字体行与行间距
CSS定义字体行间距 line-height:xxpx; CSS定义字体间距 下面我们讲述一下CSS的文本属性,还是先来看一下文本属性的详细列表: 属性 属性含义 属性值 Word-s ...
- 01_MUI之Boilerplate中:HTML5演示样例,动态组件,自己定义字体演示样例,自己定义字体演示样例,图标字体演示样例
1安装HBuilder5.0.0,安装后的界面截图例如以下: 2 依照https://www.muicss.com/docs/v1/css-js/boilerplate-html中的说明,创建上 ...
- css3-自定义字体
参考链接http://www.w3cplus.com/content/css3-font-face 出处W3CPLUS css3-自定义字体 @font-face @font-face是CSS3中 ...
- iOS使用自己定义字体
1.加入相应的字体(.ttf或.odf)到project的resurce,比如my.ttf. 2.在info.plist中加入一项 Fonts provided by application (ite ...
- 移动端如何定义字体font-family
移动端如何定义字体font-family 中文字体使用系统默认即可,英文用Helvetica /* 移动端定义字体的代码 */ body{font-family:Helvetica;} 参考<移 ...
- Android 解决TextVIew载入自己定义字体慢的问题
网上非常多自己定义字体样式的代码.都是告诉应该这样做: 在自己定义控件里写,可是这样写有问题,会随着界面里自己定义控件越多.Activity载入速度越慢,太多了easy造成内存泄露问题,由于你没创建一 ...
- (转)CSS定义字体间距 字体行与行间距
源网址:http://www.cnblogs.com/jian1982/archive/2010/07/03/1770349.html CSS定义字体行间距 line-height:xxpx; CSS ...
- 使用位图字体工具BMFont从图片生成自定义字体
转载自:http://blog.csdn.net/keshuiyun/article/details/9960667 BMFont下载地址: http://www.angelcode.com/prod ...
随机推荐
- NetScaler 12.1 Deploy Package
NetScaler 12.1 Deploy Package NS_VPX_Deploy_Package 百度网盘共享地址https://pan.baidu.com/s/1OT0Hxuz6ZBLwwM5 ...
- bzoj 4291: [PA2015]Kieszonkowe
Description 给定n个数,请从中选出若干个数,使得总和为偶数,请最大化这个总和. Input 第一行包含一个正整数n(1<=n<=1000000). 第二行包含n个正整数a_ ...
- BZOJ3462 DZY Loves Math II 【多重背包 + 组合数】
题目 输入格式 第一行,两个正整数 S 和 q,q 表示询问数量. 接下来 q 行,每行一个正整数 n. 输出格式 输出共 q 行,分别为每个询问的答案. 输入样例 30 3 9 29 1000000 ...
- vue中如何将时间对象转换成字符串
借鉴element-admin中封装好的方法 import { parseTime } from '@/utils'// 在utils目录下的index.js文件中,方法如下 /** * Parse ...
- hdu 1025 n*logn最长上升子序列
/* TLE */ #include <iostream> #include <cstdio> #include <cstring> using namespace ...
- 所驼门王的宝藏(bzoj 1924)
Description Input 第一行给出三个正整数 N, R, C. 以下 N 行,每行给出一扇传送门的信息,包含三个正整数xi, yi, Ti,表示该传送门设在位于第 xi行第yi列的藏宝宫室 ...
- jQuery性能优化【转】
原文发布时间为:2010-10-22 -- 来源于本人的百度文章 [由搬家工具导入] 之前,我们减少字节数和请求次数以及加载顺序以使页面加载的更快。如今,我们越来越多的注意到另一个影响网站性能的部分- ...
- [LeetCode] Single Number II 位运算
Given an array of integers, every element appears three times except for one. Find that single one. ...
- 【git】把本地项目和远程git仓库相连通
1. 打开在你的项目文件夹,输入下面的命令 git init 输完上面的命令,文件夹中会出现一个.git文件夹,如下图所示,其他的的文件也会出现蓝色小问号的标志 2. 添加所有文件 git add . ...
- 【Visual Studio】“rc.exe”已退出,代码为 5 ("rc.exe" exited with code 5.)
[解决方案]找到 rc.exe 所在目录,然后 方法1:添加该目录到 VC++ Directories --> Executable Directories中 方法2:添加到系统变量中的Path ...