External Font on HTML5 Canvas
问题 I am completely baffled as to how to change the font I'm using when drawing text on a canvas. The following is the font I have defined in my CSS: @font-face{ font-family:"Officina"; src:url(OfficinaSansStd-Book.otf); } Now in my HTML/JavaScript I'm tempted to say: context.font = '30px "Officina"'; But this doesn't work. It works fine if I use a web available font (like Arial), and the Officina font shows up fine when I just write plain text directly to the webpage. What am I missing? 回答1: To