Vista Ready


またまたVistaネタでごめんなさい。
このBlogを新しいフォント『メイリオ』に対応させてみました。

Windowsの何がイヤってやっぱり文字の表示でしょう。
アンチエイリアスなしのギザギザ、潰れまくりフォントは見ているだけで気分が萎えます。

そこでスクリーンフォントをVistaから導入された新しいフォント「メイリオ(Meiryo)」にしてみたらギザギザなしの滑らか表示になりました♪
嬉しくてウキウキ気分でこのBlogを見に来て愕然。ギザギザのまま!
そりゃそうですよ。CSSでMS Pゴシックを指定してますから。
で、早速CSSを弄ってメイリオ対応版完成。
各ブラウザでの表示はこんな感じです。

image image image image

左からWindows XPのIE6、Windows Vista(β)のIE7、MacのSafari、MacのFireFoxです。

Safariはエントリタイトルの影が表現されているものの、後はXPのIE以外どのブラウザで見ても極度な潰れはなくキレイに表示出来ました。
どうしてもフォームボタンだけは上手く出来なくてそのままになってしまいましたが、最悪ここは画像にしちゃえばいいか。

あ、そうそう。肝心のメイリオに対応させる方法ですが…
CSSのfont-family項目にメイリオを追加するだけです。英語表記は「Meiryo」です。
font-family: meiryo
(Mac用にヒラギノなどを指定している場合は「,(カンマ)」で区切って追加します。
これでOK。

ところでメイリオってMeiryo…明瞭?

Posted: Wed - June 14, 2006 at 05:53 PM  |   |   |   |  このエントリーを含むはてなブックマーク  | ランキングを見てみる
 




© 2003 M.Kawasaki All rights reserved. Site designed by DIGICOOL