Unity自制字体

  • 这篇教学中会使用到BMFont 这个工具
  • 准备好Unity5.3.2版本,其他版本会有异常

一.制作字体

下载链接:
http://www.angelcode.com/products/bmfont/

安装好BMFont 以后将它打开,开始进行自定义字体图集建立

  • 点选Edit → Open ImageManager


    Unity自制字体_第1张图片
  • 点选Image → Importimage…


    Unity自制字体_第2张图片
  • 将预定使用的图片导入( 这里示范用的是数字0~9 )


    Unity自制字体_第3张图片
    3.JPG
  • 在Icon Image 里的Id 对应的是BMFont 表单里的位置
    Id:48对应的是数字0的位置
    已对应的位置右下角会有蓝色小方块


    Unity自制字体_第4张图片
    4.JPG
  • 将数字0~9全部导入后


    Unity自制字体_第5张图片
    5.JPG
  • 回到主选单进行导出设定
    点选Option → Exportoptions


    Unity自制字体_第6张图片
    6.JPG
  • 调整Bit depth 为32
    调整导出图片的大小( 示范用设定为128×128)
    调整导出图片格式( PNG )


    Unity自制字体_第7张图片
    7.JPG
  • 回到主选单
    点选Options → Sava bitmapfont as…
    进行储存


    Unity自制字体_第8张图片
    8.JPG
  • 储存成功后会产生两个档案
    一个.png 及一个.fnt


    9.JPG

二.导入Unity

  • 导入字体制作插件和上一步制作的一个.png 及一个.fnt
  • 新建一个CustomFont和一个Material
  • 选择CustomFont和.fnt文件
  • 菜单栏MakeFont/Make
  • Material选择Legacy Shader/Transparent/Diffuse这个Shader
  • 把.png拖入Material
  • linespacing 控制行宽 如果换行不好使,\n控制换行
Unity自制字体_第9张图片
控制行宽.png
  • 逐个字符调节,控制字体的中心点,使得字体居中
Unity自制字体_第10张图片
控制中心点.png
Unity自制字体_第11张图片
居中对齐.png

大功告成

成功.png

你可能感兴趣的:(Unity自制字体)