如何在Phaser Editor2d V3中添加自定义字体供Text文本使用

• 第一步：导入字体文件到项目
  把.ttf/.otf格式的目标字体文件放到项目assets/fonts目录下，没有对应目录可自行新建。
• 第二步：编写字体加载CSS文件
  在assets/fonts目录下新建font.css，按以下格式配置字体，有多个字体可重复写多个@font-face块：

  @font-face {
      font-family: "自定义字体名";
      src: url("./实际字体文件名.ttf") format("truetype");
      font-weight: normal;
      font-style: normal;
  }
  

• 第三步：配置编辑器预览支持
  打开编辑器顶部菜单「Project」→「Settings」→「Resources」，找到「Additional CSS files for preview」选项，添加刚才编写的assets/fonts/font.css文件后保存设置，此时编辑器内预览就可以识别自定义字体了。
• 第四步：配置游戏运行时加载
  在游戏的preload场景中添加以下加载代码即可：

  this.load.setFontPath("assets/fonts/");
  this.load.css("custom-font", "font.css");
  

  也可以直接把该CSS文件引入到游戏入口HTML的<head>标签中，效果一致。
• 第五步：Text组件使用自定义字体
  选中目标Text对象，在右侧属性面板找到「Font」属性，直接输入你在CSS中定义的font-family名称即可生效。

内容的提问来源于stack exchange，提问作者Sejpalsinh Jadeja