HTML5 Canvas上的外部字体

Question

我完全不知道如何在画布上绘制文本时更改我正在使用的字体.以下是我在CSS中定义的字体:

@font-face{
 font-family:"Officina";
 src:url(OfficinaSansStd-Book.otf);
}

现在在我的HTML/JavaScript中,我很想说:

context.font = '30px "Officina"';

但这不起作用.如果我使用网络可用字体(如Arial),它工作正常,当我直接将纯文本写入网页时,Officina字体显示正常.我错过了什么？

Answer 1

这是上一个问题，应该对您有帮助。 使用 @font-face 将文本绘制到 <canvas> 第一次不起作用