cocos项目转成微信小游戏导致的字体问题

最近在研究cocos项目转成微信小游戏,发现字体显示有问题,cocos项目是使用了第三方字体的,但是在微信开发者工具里用模拟器运行,字体很小很小,真机运行的时候字体大小倒是正常了,但是字体变成了默认字体,网上简单搜了一下,发现是ttf字体的font-name和font-family不一致导致的,于是下载了FontCreator工具修改字体
在此记录修该方法:

查看字体名字:

如图就是字体名称,font-name
在这里插入图片描述

打开字体文件,打开字体属性:

在这里插入图片描述

修改属性

如图,字体系列名称就是font-family,先点击旁边的+1按钮,然后把名字改成一样的,不要用中文,使用英文命名
在这里插入图片描述
最后导成ttf字体文件替换cocos里的项目字体文件就行,只需要把字体名称改成原先的,不需要逐个设置lable组件里的字体。这下微信开发者工具里的模拟器和真机测试的字体效果就是正常的了

当然可以,接下来为你介绍如何基于 Cocos Creator 开发一款微信小游戏。 ### 一、环境搭建 #### (一)安装Cocos Creator 前往 [Cocos官网](https://www.cocos.com/) 下载并安装最新版本的 Cocos Creator 编辑器。这是整个项目的基础工具,在其中你可以完成从资源管理到脚本编写等一系列工作。 #### (二)配置微信开发者工具及插件 1. 打开微信公众平台网站,登录账号进入小程序后台; 2. 根据提示下载对应系统的 微信开发者工具 并按照指引创建首个应用项目; 3. 回归至Cocos Creator编辑器内,依次点击菜单栏里的 `文件` -> `Preferences...` ,找到 `Build Settings` 页面底部有一项叫做 "WeChat Game" 的勾选项务必选上,并设置好本地路径指向已安装好的微信Web开发者工具目录; ### 二、基础工程结构建立 启动Cocos Creator之后新建一个空项目,命名为“my-wechat-game”。随后我们就能看到左侧资源管理面板自动帮我们生成了如下的默认文件夹架构: ``` assets/ ├───fonts 字体素材存放处 ├───materials 材质贴图等图形属性设定数据 ├───scripts 存储所有的游戏业务逻辑代码(.ts/.js) └───scenes 各个场景描述文档(json格式),例如主界面(main)、关卡(level_01~level_nx) ``` ### 三、首屏加载与按钮响应处理 在`sence` 文件夹下创建名为 “main” 场景作为起始页面,通过拖拽组件的方式快速构建简单的UI布局(比如标题文字Label+开始游戏Button)。同时记得给该button关联对应的事件监听函数用于切换下一环节。 ### 四、接入社交分享功能 利用官方提供的 SDK 接口很容易地集成好友邀请、排行榜等功能模块。只需参照[官方API指南](https://developers.weixin.qq.com/minigame/dev/api/share/wx.shareAppMessage.html), 在合适时机调用相应的方法即可触发用户之间的互动传播效果啦! 以上就是关于使用 Cocos 构建简单微信小游的整体流程概述,希望能对你有所帮助~
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值