无法在Firefox画布中绘制斜体文本

时间:2013-02-28 06:19:26

标签: javascript firefox canvas italic

在画布中绘制斜体文字时,Firefox会像Impact这样的字体正常渲染它们。

var ctx = canvas.getContext('2d');
ctx.font = "italic 40px Impact";
ctx.fillText("Impact", 0, 40);

View on jsFiddle

火狐

任何想法如何解决这个问题?

1 个答案:

答案 0 :(得分:1)

这是因为Impact没有斜体版本。当您在字体查看器(如Mac字体书)中查看时,您可以看到这一点。浏览器伪造了没有它的字体上的斜体,但Firefox还没有在画布上伪装它。如果您尝试使用斜体字体(如Arial),它可以在画布中使用。

这里有一些讨论:Italic doesn't work on all fonts in Firefox

演示: jsFiddle

ctx.font = "italic 40px Arial";

with arial