如何在 HTML5 画布上设置两种字体?

8
我正在尝试使用两种字体在Canvas上绘制文本。这是因为我的主要字体是Comic Sans MS(这是一个儿童应用程序)。由于我在iPad上找不到Comic Sans,我正在尝试用MarkerFelt-Thin替换它。
我已经尝试过以下语句的几种变化:
ctx.font = "40pt MarkerFelt-Thin; 40pt Comic Sans MS";

似乎无法正常工作。目前,我正在使用用户代理检测并手动为每个用户代理分配不同的字体。

有人知道正确的方法吗?

谢谢

1个回答

17
Canvas的font使用与CSS font属性相同的语法。因此,请尝试:

ctx.font = "40pt MarkerFelt-Thin, Comic Sans MS";

你能谈谈声明多个字体的性能吗?我很感兴趣,因为我要对画布进行动画处理。 - th_lo

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接