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
It seems like this is WebKit issue, because I can reproduce it on iPad.
You should report a bug. To fix this issue you can play with style rules for element. I fixed it by adding bigger
line-heightproperty.Your updated fiddle: http://jsfiddle.net/ca3rT/3/