Safari 3.0 にしたら、文字レンダリングが変
そろそろ今年の総括とかのエントリをしようかとも思ったんですが、もちょっと伸ばし延ばしときます.
このところ、MacOS のソフトウェアアップデートはがん無視だったんですが、かなり溜まってきたんで一気にやっちゃいました.
Leopard のインストールも年明けにはしたいし、今アップデートする意味もあんまりないかと思ってたんですが...
さて、Safari が 3.0 (3.0.4) になったみたいで.
ふと、自 blog を見ていると、すごい違和感.
な、なんか、フォントが激しく汚いけど...
太字指定してあるところの、カーニングがおかしく、まさに間抜けな感じになってしまいます.
それから、カレンダー部分がサイドバー幅をはみ出してしまっています. これも、カーニングの問題のような感じ.
Mac だと、Osaka で表示されるように CSS 指定してあったんですが、これを変更するしかないようです.
というわけで、ヒラギノ角ゴに指定してみました.
テキスト部分の表示は良好になりました. ヒラギノ、やっぱり綺麗ですね.
キャプチャ画像で比較してみます.
Osaka
ヒラギノ角ゴ
カレンダー部分は、これでもだめだったので、さらに CSS をいじりました.
Win でどう見えるのかは、そもそもまったく確認していませんのでね. どうなってるんでしょ.
ついでなんで、本家サイトの方の CSS も直しておきました.
ちなみに、ヒラギノ角ゴに指定するのって、結構難しいです(ブラウザ個体差の問題があって).
以前どこかで見て漠然と知ってはいたのですが、いざ、具体的にどう書いたらよいか分かりませんでした.
いろいろ検索して、ここを参考にさせていただきました.
きちっとやろうとすると、やっぱり OS で分岐させないといけないのですねぇ.
前にもどっかで書いたけど、どの OS から見ても、どのブラウザを使っても、同じように表示されるようにするのに、どうしてここまでややこしいことをしないといけないのでしょうかね?
フォントの問題は確かに仕方ないでしょうけど、同じ OS なのにブラウザごとにレンダリング結果が違うというのは、おかしいと思うんですよ.
そういう差を吸収するのに、面倒な CSS を書くなんで、web デザイナさんだったらまだしも、普通のエンドユーザーには荷が重いです.
