如何为 HTML5 画布上下文设置 2 种字体?

2024-04-21

我试图让画布在绘制文本时使用两种字体。这是因为我的主要字体是 Comic Sans MS(这是一个儿童应用程序)。由于我在 iPad 上找不到 Comic Sans,因此我尝试用 MarkerFelt-Thin 来替代它。

我尝试使用以下语句的几种变体:

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

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

有人知道执行此操作的正确方法吗?

Cheers


画布font使用与 CSS 语法相同font属性 http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#text-0。所以尝试:

ctx.font = "40pt MarkerFelt-Thin, Comic Sans MS";
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何为 HTML5 画布上下文设置 2 种字体? 的相关文章