jquery - jQuery color change on custom font working correctly in Firefox but not in Chrome?

Question

I'm changing the color of a custom font with a jQuery-script on hover:

$(this).css({
   color: "#" + color
});

My custom font got a pretty big "R" so the color is not filling the whole letter. How can I fix this? This is just a problem with Chrome, it's working fine with FF...

Firefox #1 Chrome #2

Answer 1

这似乎是 WebKit 问题，因为我可以在 iPad 上重现它。你应该报告一个错误。要解决此问题，您可以使用元素的样式规则。line-height我通过添加更大的属性来修复它。

您更新的小提琴：http: //jsfiddle.net/ca3rT/3/