及川です。
まずは下の画面を見てください。クリックすると拡大しますので、是非、大きくして確認して欲しいのですが、何か違いに気がつきますか？
このページはマイクロソフトの Windows Vista のホームページです。皆さんがブラウザでご覧になっているのと、同じでしょうか？
同じという方、ありがとうございます。Windows Vista を試していただいている方ですね。このページはメイリオフォントを Web ページフォントとして指定していますので、メイリオが使える環境、すなわち Windows Vista 上の IE からご覧になっていただいた場合には、このように表示されます。
いかがでしょう？ 新しいメイリオが ClearType 機能で滑らかに表示されているのがお分かりになるでしょうか。この Web ページは CSS で font-family: Meiryo を先頭に加えただけです。こうするだけで、メイリオがある場合には、それを優先して表示させ、なかった場合には、その後に指定されるフォントか、IE のフォント設定で指定されているフォントが使われます。このページの場合には、メイリオがなかった場合、IE のフォント設定で指定されている MS? P ゴシックが使われます。
もちろん、メイリオと MS P ゴシックの両方できちんと表示できるようにするには、レイアウト設計などを十分考えなければいけませんが、メイリオの利用はそれを上回るユーザーエクスペリエンスを提供します。
ブログで CSS をカスタマイズできる方、ご自身で Web サイトを持たれている方は是非お試しください。
マイクロソフト
及川卓也