css - 字体样式斜体有时在 Firefox 中不起作用

Question

我这里有一个 Canvas ，用户可以在其中输入他们自己的消息……并且可以更改字体、字体样式和大小。 .在 safari、opera、chrome 和 ie 中一切正常，但在 firefox 中，它根本不起作用。它什么都不做，除非我禁用“可用时的用户硬件加速”，这就是斜体工作的时间。

顺便说一下，我正在使用 (fonts.googleapis.com) 来使用来自 google 的现有 Css。

我已经使用 .htaccess 的技巧来解决问题，但仍然根本不起作用。

我该如何解决这个问题？

Answer 1

我试过了

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

fiddle

Fiddle

尝试更新

var userinputstr='';
var italic=0;
function draw(){
var canvas = document.getElementById("check");
var ctx = canvas.getContext('2d');
ctx.clearRect(0,0,300,50);
if(italic==0)
{
ctx.font = "40px Lato";
ctx.fillText(userinputstr, 0, 40);
}
else
{
ctx.font = "Italic 40px Lato";
ctx.fillText(userinputstr, 0, 40);
}
}
userinputstr=$("#userinput").val();
draw();
$("#userinput").keyup(function(){
userinputstr=$("#userinput").val();
draw();
});
$("#clickbut").click(function(){
italic=1;
draw();
});

updated Fiddle