Javascript 如何使用位图文本或Phaser 3中的文本使用外部字体？

我在字体/目录中有一个字体。如何将其加载到游戏中，然后在游戏中的文本对象上使用？我在Phaser3中找不到任何关于使用字体的内容

我尝试了多种方法和属性

这两个链接都适用于phaser3，但无法设置垂直文本的宽度

我也尝试使用css应用字体，但它也不适合我

---

提前感谢。

首先，以正常方式从css加载字体，类似这样的方式（如果url与下面类似，则必须与css文件相关）：

@font-face{
字体系列：“独立之花”；
src:url（../font/IndieFlower.ttf）格式（“truetype”）；
}

然后在文本对象样式中使用字体族：

函数创建（）{
this.add.text（10,10，‘我的文本’{
fontFamily：“独立之花”，
字体大小：“2.5em”
});
}

请参阅以查看所有可用属性

您可能会遇到字体加载问题：我的意思是加载时字体可能不会显示，您可能需要等待加载，然后更改文本以显示字体；我不是这方面的专家，有很多不同的解决方案。就我而言，当我测试我的答案时，我只是在html正文的开头添加了这一行，它解决了这个问题：

---

首先，以正常方式从css中加载字体，如下所示（如果url是相对的，则必须与css文件相对）：

@font-face{
字体系列：“独立之花”；
src:url（../font/IndieFlower.ttf）格式（“truetype”）；
}

然后在文本对象样式中使用字体族：

函数创建（）{
this.add.text（10,10，‘我的文本’{
fontFamily：“独立之花”，
字体大小：“2.5em”
});
}

请参阅以查看所有可用属性

您可能会遇到字体加载问题：我的意思是加载时字体可能不会显示，您可能需要等待加载，然后更改文本以显示字体；我不是这方面的专家，有很多不同的解决方案。就我而言，当我测试我的答案时，我只是在html正文的开头添加了这一行，它解决了这个问题：

在回答您的问题后，我注意到另一个用户的一个；给出的答案是可以的。怎么搞的？如果给出的答案对你不起作用，请在你的问题上更加精确，这样人们可以帮助你在回答你的问题后，从另一个用户那里，我注意到一个可能的重复；给出的答案是可以的。怎么搞的？如果给出的答案不适用于您，请在您的问题中更加精确，以便人们可以帮助您可能的重复。您知道此技巧是否适用于所有浏览器吗？非常好的技巧。你知道这个技巧是否适用于所有浏览器吗？绝妙的把戏。