web-dev-qa-db-ja.com

Phaser 3でローカルフォントを使用するにはどうすればよいですか?

fonts/ディレクトリにフォントがあります。これをゲームにロードしてから、ゲームのテキストオブジェクトで使用するにはどうすればよいですか? Phaser3でのフォントの使用について何も見つかりませんでした。

7

最初に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',
});
4
NoobTW