自己定义字体之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 ...
随机推荐
- mapserv和mapserv.exe的区别
哎,困扰了我这么久才知道一个是在unix环境下的,一个是在windows环境下的
- 笔记 docker入门笔记
安装sudo apt-get remove docker docker-engine docker-ce docker.iosudo apt-get updatesudo apt-get instal ...
- 【Docker】win10环境下安装Docker
一.进入Docker官网 首先先到Docker官网下载最新官方Docker for Windows:Docker下载 在官网内可以查看到Docker的开发文档. 根据官网提示,Windows环境下下载 ...
- Xor路
Xor路 (xor.pas/c/cpp)128MB1s 给定一棵有N个点和N-1条边的树,请你求出树中的最长路径,以及总共有多少条最长路径. 这里路径长度是用xor定义的,即若经过的边的权值为a1, ...
- 【HDOJ5975】Aninteresting game(BIT原理)
题意:给定n个区间,第i个区间的范围是[i-lowbit(i)+1,i].一共有q组询问,询问有两种: 1 x y:询问sigma lowbit(i) (x<=i<=y) 2.x:询问有几 ...
- 浅析CSS里的 BFC 和 IFC
前端日刊 登录 浅析CSS里的 BFC 和 IFC 2018-01-29 阅读 1794 收藏 3 原链:segmentfault.com 分享到: 前端必备图书<Web安全开发指南 掌握白 ...
- [LeetCode] Remove Duplicates from Sorted List 链表
Given a sorted linked list, delete all duplicates such that each element appear only once. For examp ...
- [LeetCode] Sum Root to Leaf Numbers dfs,深度搜索
Given a binary tree containing digits from 0-9 only, each root-to-leaf path could represent a number ...
- eclipse 同一个package 有的文件 中文乱码,有的文件中文正常
1.这是编码格式导致的. 先在对应包名上右击,选择属性,将包内所有的文件都设置为GBK格式, 然后查看每个文件,如果有乱码,则将这个文件的编码格式单独设为 UTF-8 2.有个项目使用百度语音做开发, ...
- flashcache 介绍
rpm: flashcache-utils-0.0-4.1.el6.x86_64 kmod-flashcache-0.0-3.el6.x86_64 基本介绍: Flashcache是Facebook技 ...