字体资源

使用 Cocos Creator 制作的游戏中可以使用三类字体资源:系统字体,动态字体和位图字体。

其中系统字体是通过调用游戏运行平台自带的系统字体来渲染文字,不需要用户在项目中添加任何相关资源。要使用系统字体,请使用 Label组件 中的 Use System Font 属性。

导入字体资源

动态字体

目前 Cocos Creator 支持 TTF 格式的动态字体。只要将扩展名为 TTF 的字体文件拖拽到 资源管理器 中,即可完成字体资源的导入。

位图字体

位图字体由 fnt 格式的字体文件和一张 png 图片组成,fnt 文件提供了对每一个字符小图的索引。这种格式的字体可以由专门的软件生成,推荐使用BMFont (Windows)。

在导入位图字体时,请务必将 fnt 文件和 png 文件同时拖拽到 资源管理器 中。

导入后的字体在 资源管理器 中显示如下:

注意 为了提高资源管理效率,建议将导入的 fnt 和 png 文件存放在单独的目录下,不要和其他资源混在一起。

使用字体资源

字体资源需要通过 Label 组件来渲染,下面是在场景中创建带有 Label 组件的节点的方法。

使用菜单创建 Label(字体)节点

在 层级管理器 中点击左上角的 + 按钮,并选择 创建渲染节点 -> Label(文字),就会在场景中创建出一个带有 Label 组件的节点。

您也可以通过主菜单的 节点 -> 创建渲染节点 -> Label(文字) 来完成创建,效果和上面的方法一样。

关联字体资源

使用上面方法创建的字体组件默认使用系统字体作为关联的资源,如果想要使用导入到项目中的 TTF 或位图字体,可以将您的字体资源拖拽到创建的 Label 组件中的 Font 属性栏中。

这时场景中的字体会立刻用刚才指定的字体资源进行渲染。您也可以根据项目需要,自由的切换同一个 Label 组件的 Font 属性,来使用 TTF 或位图字体。切换字体文件时,Label 组件的其他属性不受影响。

如果要恢复使用系统字体,可以点击 Use System Font 的属性复选框,来清除 Font 属性中指定的字体文件。

拖拽创建 Label(字体)节点

另外一种快捷使用指定资源创建字体节点的方法,是直接从 资源管理器 中拖拽字体文件(TTF 或位图字体都可以)到 层级管理器 中。和上面用菜单创建的唯一区别,是使用拖拽方式创建的文字节点会自动使用拖拽的字体资源来设置 Label 组件的 Font 属性。

位图字体合并渲染

如果位图字体使用的贴图和其他 Sprite 使用的贴图是同一张,而且位图字体和 Sprite 之间没有插入使用其他贴图的渲染对象时,位图字体就可以和 Sprite 合并渲染批次。在放置位图字体资源时,请把 .fnt 文件、.png 文件和 Sprite 所使用的贴图文件放在一个文件夹下,然后参考将位图字体的贴图和 Sprite 使用的贴图打包成一个图集,即可在原生和 WebGL 渲染环境下自动享受位图字体合并渲染的性能提升。

关注公众号:《码之有道》,一起聊游戏全栈开发!

1、公众号回复:【教程】获取零基础游戏开发客户端+服务端全套教程。
2、公众号回复:【实战】获取企业级实战项目。
3、公众号回复:【资料】获取大学四年整理的所有自学资料

CocosCreator之字体资源相关推荐

  1. 【Flutter】Flutter 自定义字体 ( 下载 TTF 字体 | pubspec.yaml 配置字体资源 | 同步资源 | 全局应用字体 | 局部应用字体 )

    文章目录 一.Flutter 自定义字体 1.ttf 字体文件 2.ttf 字体资源配置 3.获取字体 4.全局使用字体 5.局部使用字体 二.完整代码示例 三.相关资源 一.Flutter 自定义字 ...

  2. python--中文分词与词云制作--入门笔记(附停用词库及Mac字体资源)

    这里写自定义目录标题 一.中文分词基本说明 二.停用词库.自定义词典的使用 (一)停用词 (二)自定义词典 三.词云绘制 四.中文字体的使用说明 (一)Mac 字体使用说明 五.附件 (一)ttf字体 ...

  3. CocosCreator黄金矿工资源工程文件

    文件:n459.com/file/25127180-477367889 以下内容无关: -------------------------------------------分割线---------- ...

  4. Android字体资源

    Android字体资源 1.概述 2.没有Support Library 26库 3.有Support Library 26库 3.1.下载字体 3.1.1.语法 3.1.2.示例 1.概述 Andr ...

  5. TextMeshPro 创建中文字体资源

    TMP组件需要FontAsset,一种类似Material的资源文件,TMP自带两个FontAsset,但是都不支持中文,本文详解怎么生成中文FontAsset. (用别人生成的字体Asset有可能无 ...

  6. android开发文本字体包,AndroidStudio 实现加载字体资源的方法

    AndroidStudio 实现加载字体资源的方法 在android中字体的格式总是不能尽善尽美的显示出来 ,  于是要求我们使用一些有美感的字体,加载的方式(就像HTML的字体一样),我们需要通过加 ...

  7. Unity3D插件之TextMeshPro字体资源的制作

    由于TextMeshPro的字体资源后缀是.asset,所以,需要我们借助插件的字体工具TextMeshPro-Font Asset Creator来生成新的字体资源.该工具打开路径:Window-F ...

  8. JAVA窗体程序调用图片、音频、字体资源

    简介 介绍JAVA窗体程序调用图片.音频.字体三种静态资源的代码.使用这种方法调用静态资源,可以直接把静态资源打包到JAR包里. 在音频调用中,可能会由于Eclipse的原因报错,解决办法参见有关im ...

  9. 最新十款免费英文字体资源下载

    作为设计的组成部分,字体在设计中扮演着重要角色,设计师经常要花很多的时间去挑选字体.如果你正在寻找好看的免费英文字体,那么下面最新收集的十款好看的免费英文字体正是为你准备的,赶紧下载吧. Arvil ...

  10. Linux环境Font font = new Font() 中文乱码 (带字体资源)

    一.前言 当我们在windows 上面用java 程序的Font 的时候 是可以显示中文文字的,但是在linux 上面就显示不出来了 这个是linux 上面没有对应的字体,只需要上传上去就可以了 但是 ...

最新文章

  1. Mac下python初学之Image库(PIL)
  2. mybatis执行查询的所有分析和创建代理对象的分析
  3. AV1解码器dav1d性能提升100%
  4. 1060. 爱丁顿数(25)
  5. 矩阵快速幂及斐波那契数列模板
  6. sqoop建表_Sqoop学习之路 (一)
  7. easypoi导出数值型_解决EasyPoi导出Excel金额数值类型
  8. vrrp协议原理与应用
  9. 如何在WINDOWS XP下卸载打印机驱动程序
  10. java面试题干货51-95
  11. Dell OptiPlex台式机安装ESXI 6.7
  12. 支持iframe的div分隔线插件
  13. calibre(电子书管理)软件的使用
  14. JVM内存回收机制及回收器-一目了然
  15. 五分钟学会python函数_Python——带你五分钟了解函数式编程与闭包
  16. 如何成为虾皮的优选卖家-扬帆际海
  17. 苹果无线耳机连接不上_苹果AirPods Pro鉴别真伪最简单有效的方法
  18. B站,牛啊。,java底层原理
  19. js判断数组中重复元素并找出_JavaScript判断数组重复内容的两种方法(推荐)
  20. plc的日常维护和保养

热门文章

  1. 高通8953 Android 9.0 打开user调试串口
  2. 网络控制播放器(局域网内通过TCP和UDP控制视频播放器)
  3. 精读FREE: Feature Refinement for Generalized Zero-Shot Learning
  4. 【MRCPv2协议介绍】 Generic Message Headers
  5. MRCP协议学习笔记
  6. unity 裙子摆动_【Unity Shader】摇摆的小草——顶点动画
  7. mysql值为空返回0 ,否则 返回1
  8. zabbix图形中文字显示方框或乱码问题
  9. 产品数据管理(PDM)技术说明书
  10. 字体变形html,SVG文字变形动画特效