微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

我可以在 Phaser 3 中设置字体的字体宽度吗?

如何解决我可以在 Phaser 3 中设置字体的字体宽度吗?

我正在使用 Phaser 3 在带有 WebGL 的画布中开发浏览器游戏。我使用自定义加载字体设置画布文本的宽度,但无法设置其样式(例如,斜体、半粗体)。

这是我用来创建文本的代码

this.add.text(100,600,'Test Text',{
  font: '50px Poppins'
})
this.add.text(100,{
  font: '50px Poppins semibold'
})

输出如下:

enter image description here

第二张图片使用的是认字体,而不是 Poppins。似乎只要我尝试设置斜体或任何其他样式,它就会回退到认字体。

我也尝试用属性设置它(运气不好)。有没有人遇到过同样的问题(样式自定义字体),以及如何正确加载样式自定义字体?

解决方法

问题:

var source = UrlFetchApp.fetch(url).getContentText() var jsonString = source.match(/(?<=root.App.main = ).*(?=}}}})/g) + '}}}}' var data = JSON.parse(jsonString) 不是有效的 semibold。所以它将被视为字体。

enter image description here

解决方案:

enter image description here

font-weight

https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。