Webfont + Hover-Farbe: Teil des Texts, dessen Farbe sich nicht ändert

Ich habe das ein paar Mal gesehen, nur im Webkit. Das Szenario sieht so aus, dass Sie Text mit einer Hover-Farbe haben und eine benutzerdefinierte Webfont-Schriftart verwenden. Wenn Sie schweben, erhält ein Teil des am weitesten rechts stehenden Buchstabens nicht die Schwebefarbe. Um zu sehen, was ich meine, sehen Sie sich diese Geige in Chrome oder Safari an und sehen Sie sich das "r" am Ende des Textes an, während Sie mit der Maus darüber fahren. Es ist nicht vollständig rot.

http://jsfiddle.net/jaredh159/xPZB8/

HTML von Geige:

<a>Some Text Foo Bar</a>

CSS von fiddle:

@font-face {
    font-family: 'stephanie_marie_jfregular';
    src: url('stephanie-marie-jf-webfont.eot');
    src: url('stephanie-marie-jf-webfont.eot?#iefix') format('embedded-opentype'),
         url('stephanie-marie-jf-webfont.woff') format('woff'),
         url('stephanie-marie-jf-webfont.ttf') format('truetype'),
         url('stephanie-marie-jf-webfont.svg#stephanie_marie_jfregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

a {
    font-family: stephanie_marie_jfregular;
    color: #000;
    font-size:50px;
}

a:hover {
    color: #ff0000;
}

Was ist das? Fixierbar? Handelt es sich nur um eine schlecht erstellte Web-Schriftartdatei oder um eine fehlerhafte Schriftart? Kennt jemand dieses Problem oder hat er eine Problemumgehung?

Antworten auf die Frage(1)

Ihre Antwort auf die Frage