在画布中绘制斜体文字时,Firefox会像Impact
这样的字体正常渲染它们。
var ctx = canvas.getContext('2d');
ctx.font = "italic 40px Impact";
ctx.fillText("Impact", 0, 40);
火狐
铬
任何想法如何解决这个问题?
答案 0 :(得分:1)
这是因为Impact没有斜体版本。当您在字体查看器(如Mac字体书)中查看时,您可以看到这一点。浏览器伪造了没有它的字体上的斜体,但Firefox还没有在画布上伪装它。如果您尝试使用斜体字体(如Arial),它可以在画布中使用。
这里有一些讨论:Italic doesn't work on all fonts in Firefox
ctx.font = "italic 40px Arial";