自定义字体的 jQuery 颜色更改在 Firefox 中正常工作但在 Chrome 中不能正常工作？答案

【问题标题】：jQuery color change on custom font working correctly in Firefox but not in Chrome?自定义字体的 jQuery 颜色更改在 Firefox 中正常工作但在 Chrome 中不能正常工作？
【发布时间】：2012-11-12 19:52:57
【问题描述】：

我正在使用悬停时的 jQuery 脚本更改自定义字体的颜色：

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

我的自定义字体有一个很大的“R”，所以颜色没有填满整个字母。我怎样才能解决这个问题？这只是 Chrome 的一个问题，它在 FF 上运行良好......

火狐#1 铬 #2

【问题讨论】：

对我来说似乎是一个错误。报告这个。
您能否发布一个小提琴，以便其他人可以看到发生了什么以及为什么？
jsfiddle.net/ca3rT“R”的顶轮被剪掉了……

标签： jquery html css fonts

【解决方案1】：

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

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

【讨论】：