jquery - Firefoxでは正しく機能するがChromeでは機能しないカスタムフォントのjQueryの色の変更？

Question

ホバー時にjQueryスクリプトを使用してカスタムフォントの色を変更しています。

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

私のカスタムフォントはかなり大きな「R」を持っているので、色が文字全体を埋めていません。どうすればこれを修正できますか？これはChromeの問題であり、FFでは正常に機能しています...

Firefox＃1 Chrome＃2

Answer 1

iPadで再現できるので、これはWebKitの問題のようです。バグを報告する必要があります。この問題を修正するには、要素のスタイルルールを試してみてください。line-heightより大きなプロパティを追加して修正しました。

更新されたフィドル：http：//jsfiddle.net/ca3rT/3/