Javascript 如何在HTML画布上使用除默认sans seriff系列之外的其他系列？

有没有办法在HTML画布中使用其他字体系列

  ctx.fillStyle = '#FFF';
  ctx.font = '43px Arial';
  ctx.textAlign = 'center';
  ctx.fillText(name, 220, 515);

这是使用Arial，它的工作原理与sans serif系列一样，但我尝试使用其他系列，但失败了

我尝试将Arial更改为Segoe UI字体，如下所示：

ctx.font = '43px Segoe-UI';

但仍然没有效果，如何在html画布上使用segoe字体？

---

如果没有办法，我是否应该将该文本保存到图像中并将其作为图像导入画布？

尝试

fontFamily

可能会有所帮助：您的系统是否在本地安装了Segoe UI字体？您已经安装并用于系统中的其他文本@kaidoso in，您可以看到使用该字体的文本？