0

ホバーするとリンクの色が変わるようにしましたが、テキスト全体が変化せず、クリップされたビットがデフォルトの色のままになり、見た目がバグります。

これを解決する方法はありますか？

http://jsfiddle.net/C8K8z/

a{
    font-family:'Oleo Script';
    font-size:50px;
    color:white;
    text-decoration: none;

}
a:hover{
    color:#c41313;
    text-decoration:underline;
}
4

1 に答える 1

1

問題は Oleo Script フォントにあるようです。100% 一貫しているわけではありませんが、一部の文字のフォント デザイン (ヒンティング?) によって、エッジが要素のボックスの外で終了することがあります。

この問題のない別のフォントを使用することをお勧めしますが、Oleo を使用している場合は、左右にパディングを追加して回避できます。

a{
    font-family:'Oleo Script';
    font-size:50px;
    color:white;
    text-decoration: none;
    padding: 0px 3px 0px 3px;
}

また、あなたのフィドルはフォントを正しくインポートしていませんでした（jsfiddleの問題だと思います）が、cssリソースをリンクする代わりに、Google Font JavaScriptインポートオプションを使用して動作させることができました.

ここでフォントの問題を確認できます: http://jsfiddle.net/aYxEU/

ここでの修正: http://jsfiddle.net/hFgaw/

于 2013-04-26T21:26:28.743 に答える