设置html画布字体

Question

我需要为My canvas上绘制的所有文本使用Myriad Pro。我通过CSS加载的字体是这样的：

@font-face { font-family: MyriadProRegular; src: url('/fonts/MyriadPro-Regular.otf'); } 

，并试图将其设置为我的画布是这样的：

this.context.font = "16pt MyriadProRegular"; 

的问题是，字体没有被分配 - 我所有的文字变得正确绘制，但字体错误。当我将“MyriadProRegular”更改为任何标准Web字体时，Assingment仍然有效。

我试图在这两个职位的所有解决方案和建议： HTML 5 canvas font being ignored， External Font on HTML5 Canvas，但他们都没有帮助，而且它似乎并没有任何新的答案会来的旧文章。

我知道我的CSS或字体本身没有问题 - 我的画布是在用户填写表单并推送开始后通过JS创建的，并且该表单使用Myriad Pro就好了。

如何让画布使用我的字体？

Answer 1

我很确定你需要将你的字体文件上传到你的服务器。然后用字体声明，它应该工作。