アンカーポイント バックナンバー2003年11月下旬日本語フォントの下線も本当はもう少しなんとかならいのかと。
確かに日本語フォントの問題だと言えそうですね。
で、text-decoration:underline;をやめて
border-bottomで下線を表示してみました。
多少は見やすいような気もしますが
慣れていないこともあって若干変な感じも。
しばらくこのままにしてみます。
具体的には
A:link{
color: #003366; text-decoration: none;
border-bottom:1px solid #003366;
padding-bottom:0.02em;
}
A:visited{
color: #002244; text-decoration: none;
border-bottom:1px solid #002244;
padding-bottom:0.02em;
}
A:active{
color: #999999;text-decoration: none;
border-bottom:1px solid #999999;
padding-bottom:0.02em;
}
A:hover{
color: #222222; text-decoration: none;
left: 1px;
top: 1px;
background-color:#dddddd;
position:relative;
}
(追記)
hoverで右下に1pxずつずらしたので
ヘッダの画像なんかもhoverが効いてしまっていて変だな(笑)
なんとかなら(な)いのかと。
脱字がありました。恥ずかしい。
shunさんこんにちは。
脱字があったのは気づいてなかったです。
一瞬この記事に脱字があったのかと
検索してしまいました(笑)
http://d.hatena.ne.jp/matsunaga/
こっちでもunderlineやめてborder-bottomにしてみてました。borderの方がちょっと見やすいように思います。
図解の方へもまたコメント入れますね。
>松永さん
日本語フォントの場合この程度下線までの距離があるほうが
文字の視認性はあがりそうですね。
図解の続き楽しみにしておきますー。