phaser-framework - 如何在 Phaser 3 中使用本地字体？

Question

我在 fonts/ 中有一个字体目录。如何将其加载到游戏中，然后在游戏中的文本对象上使用它？我无法找到有关在 Phaser 3 中使用字体的任何信息。

Answer 1

首先使用 css 加载你的字体(@fontface):

<style media='screen' type='text/css'>
      @font-face {
        font-family: font1;
        src: url('media/yourfont.ttf');
        font-weight:400;
        font-weight:normal;
      }
</style>

然后使用 div加载你的字体:

<div style="font-family:font1; position:absolute; left:-1000px; visibility:hidden;">.</div>

现在你可以把它添加到你的游戏中:

this.add.text(190, 136, 'text', {
    fontFamily: 'font1',
});