美しいフォントとは、アンチエイリアス フォントのことです。MacではOSXで導入されたヒラギノ。WindowsではVistaで導入されたメイリオです。Windows XPでもインストールすればメイリオが利用できるようです。
Movable Typeでアンチエイリアス フォントを使う時の注意点をまとめてみました。
どうしてこのような記事を書いているかというと、私はMacユーザーなのですが、先日Microsoft Office 2008をインストールしたところ、メイリオがインストールされてしまい、あらゆるWEBサイトがメイリオで表示されるようになりました。メイリオは丸文字のようで、個人的にあまり好きではありません。そこで、環境に合ったフォントの指定のしかたを考えてみました。
スタイルシートの編集
スタイルシートで font-family を編集します。
ゴシック
font-family: 'Hiragino Kaku Gothic Pro', Meiryo, sans-serif;
明朝
font-family: 'Hiragino Mincho Pro', Meiryo, serif;
おまけ
IE5.5やIE6の場合、標準テンプレートでは、メイリオで表示してくれません。古いブラウザですのでメイリオをインストールしていることは考えにくいのですが、職業柄、確認対象ブラウザのため、どうしても気になっていました。<html> タグを修正することで、表示できるようになりますのでお試しください。
修正前
<html xmlns="http://www.w3.org/1999/xhtml" id="sixapart-standard">
修正後
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja" id="sixapart-standard">
コメント