November 20, 2003

日本語フォントのリンク下線
アンカーポイント バックナンバー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が効いてしまっていて変だな(笑)

Posted by kengochi at November 20, 2003 08:58 PM
Comments (4)

なんとかなら(な)いのかと。
脱字がありました。恥ずかしい。

Posted by: shun on November 20, 2003 09:19 PM

shunさんこんにちは。
脱字があったのは気づいてなかったです。
一瞬この記事に脱字があったのかと
検索してしまいました(笑)

Posted by: kengochi on November 21, 2003 11:45 AM

http://d.hatena.ne.jp/matsunaga/
こっちでもunderlineやめてborder-bottomにしてみてました。borderの方がちょっと見やすいように思います。

図解の方へもまたコメント入れますね。

Posted by: 松永英明 on November 21, 2003 12:46 PM

>松永さん
日本語フォントの場合この程度下線までの距離があるほうが
文字の視認性はあがりそうですね。

図解の続き楽しみにしておきますー。

Posted by: kengochi on November 21, 2003 09:36 PM
TrackBack (0)
このentryへのTrackBack URL
http://gnk.s15.xrea.com/x/mt-tb.cgi/347
(文字コード自動判別)
Post a comment