Vista Ready
またまたVistaネタでごめんなさい。
このBlogを新しいフォント『メイリオ』に対応させてみました。
Windowsの何がイヤってやっぱり文字の表示でしょう。
アンチエイリアスなしのギザギザ、潰れまくりフォントは見ているだけで気分が萎えます。
そこでスクリーンフォントをVistaから導入された新しいフォント「メイリオ(Meiryo)」にしてみたらギザギザなしの滑らか表示になりました♪
嬉しくてウキウキ気分でこのBlogを見に来て愕然。ギザギザのまま!
そりゃそうですよ。CSSでMS
Pゴシックを指定してますから。
で、早速CSSを弄ってメイリオ対応版完成。
各ブラウザでの表示はこんな感じです。
左からWindows XPのIE6、Windows Vista(β)のIE7、MacのSafari、MacのFireFoxです。
Safariはエントリタイトルの影が表現されているものの、後はXPのIE以外どのブラウザで見ても極度な潰れはなくキレイに表示出来ました。
どうしてもフォームボタンだけは上手く出来なくてそのままになってしまいましたが、最悪ここは画像にしちゃえばいいか。
あ、そうそう。肝心のメイリオに対応させる方法ですが…
CSSのfont-family項目にメイリオを追加するだけです。英語表記は「Meiryo」です。
font-family: meiryo
(Mac用にヒラギノなどを指定している場合は「,(カンマ)」で区切って追加します。
これでOK。
ところでメイリオってMeiryo…明瞭?