CocosCreator3.8研究笔记(十二)CocosCreator 字体资源理解

简介: CocosCreator3.8研究笔记(十二)CocosCreator 字体资源理解

Cocos Creator 常用的字体资源有三种:系统字体、动态字体、位图字体。


一、系统字体

系统字体是调用运行平台自带的系统字体来渲染文字,不需要用户在项目中添加任何相关资源。


使用系统字体, Label 组件 Use System Font 属性需要勾选。

FontFamily 选择对应的字体即可:



二、动态字体

目前 Cocos Creator 支持 TTF 格式的动态字体。

只要将扩展名为 TTF 的字体文件拖拽到 资源管理器 中,即可完成字体资源的导入。


TTF字体使用方法

1、在资源管理器中,导入ttf字体文件



2、在层级管理器中创建一个2DLabe 对象


3、在属性检查器中设置字体属性

第一步,取消 User System Font选项


第二步,在点击 Font 字体选择框右侧按钮,在弹出下拉选择框中,选择导入的TTF文件


设置完成,即可使用:


三、位图字体

位图字体由 fnt 格式的字体文件和一张 png 图片组成,fnt 文件提供了对每一个字符小图的索引。


这种格式的字体 一般用软件生成,windows 平台使用较多的fnt字体生成软件:

Bmfont

Glyph Designer


Bmfont 软件生成fnt 字体步骤可查看这篇文章:Bmfont 软件生成fnt 字体步骤


位图字体的使用:

1、我们将生成好的 fnt 文件和 png 文件 同时拖拽到 资源管理器中



2、在层级管理器中创建一个2DLabe 对象


3、在属性检查器中设置字体属性

第一步,取消 User System Font选项


第二步,在点击 Font 字体选择框右侧按钮,在弹出下拉选择框中,选择导入的fnt文件


设置完成,即可使用:


效果如下:



相关文章
|
存储 JSON 缓存
CocosCreator3.8研究笔记(十五)CocosCreator 资源管理Asset Bundle
CocosCreator3.8研究笔记(十五)CocosCreator 资源管理Asset Bundle
1156 0
CocosCreator3.8研究笔记(十三)CocosCreator 音频资源理解(2)
CocosCreator3.8研究笔记(十三)CocosCreator 音频资源理解
646 0
|
前端开发 人机交互
Cocos Creator3.8 项目实战(四)巧用九宫格图像拉伸
Cocos Creator3.8 项目实战(四)巧用九宫格图像拉伸
786 0
CocosCreator 面试题(十六)Cocos Creator 节点池的基本原理是什么?如何使用?
CocosCreator 面试题(十六)Cocos Creator 节点池的基本原理是什么?如何使用?
943 0
|
存储
CocosCreator3.8研究笔记(二十二)CocosCreator 动画系统-动画剪辑和动画组件介绍
CocosCreator3.8研究笔记(二十二)CocosCreator 动画系统-动画剪辑和动画组件介绍
645 0
|
JavaScript Windows
Cocos Creator3.8 项目实战(十)使用 protobuf详细教程
Cocos Creator3.8 项目实战(十)使用 protobuf详细教程
1706 0
|
API iOS开发 MacOS
CocosCreator3.8研究笔记(九)CocosCreator 场景资源的理解
CocosCreator3.8研究笔记(九)CocosCreator 场景资源的理解
404 0
CocosCreator3.8研究笔记(九)CocosCreator 场景资源的理解
|
存储 缓存 API
CocosCreator3.8研究笔记(十四)CocosCreator 资源管理Asset Manager
CocosCreator3.8研究笔记(十四)CocosCreator 资源管理Asset Manager
1122 0
|
Android开发 iOS开发 容器
CocosCreator3.8研究笔记(十九)CocosCreator UI组件(三)(2)
CocosCreator3.8研究笔记(十九)CocosCreator UI组件(三)
1265 0
|
BI API
CocosCreator3.8研究笔记(八)CocosCreator 节点和组件的使用
CocosCreator3.8研究笔记(八)CocosCreator 节点和组件的使用
1096 0