如何为 HTML5 画布上下文设置 2 种字体？答案

【问题标题】：How to set 2 fonts for HTML5 canvas context?如何为 HTML5 画布上下文设置 2 种字体？
【发布时间】：2011-12-28 04:05:24
【问题描述】：

我试图让 Canvas 在绘制文本时使用两种字体。这是因为我的主要字体是 Comic Sans MS（这是一个儿童应用程序）。因为我在 iPad 上找不到 Comic Sans，所以我尝试用 MarkerFelt-Thin 代替它。

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

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

似乎没有工作。所以目前我正在使用用户代理检测并为每个用户代理手动分配不同的字体。

有人知道正确的做法吗？

干杯

【问题讨论】：

【解决方案1】：

Canvas 的font 使用same syntax as the CSS font attribute。所以试试：

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

【讨论】：