ココログでMeiryo

WindowsXPでメイリオフォントが使えるようになったので早速インストールたところ、なかなか見やすくて良い感じ～なので、ココログの設定も変えてみようかと思ったら、フォントの選択リストにメイリオがないんですね．．．んじゃってんで、手動で設定してみました。

やり方は、

まず、自分のブログのスタイルシート”http://自分のブログのURL/styles.css ”をファイルに保存してエディタで開きます。

＃FireFoxならアドレスバーに入力するとブラウザ上で表示されます。

次に、管理ページから、デザインのカスタムCSS編集をひらいて、先ほど保存（表示）したスタイルシートから “font-family:” がある項目を探したら、もともとの設定に’メイリオ’, ‘Meiryo’を追加したものをカスタムCSSへ記述と言った感じです。

font-family: 'メイリオ', 'Meiryo',  'ＭＳ Ｐゴシック', 'Georgia', 'Times New Roman', serif;

で、カスタムCSSには、下記のようにfont-family:を変更したい項目について項目と変更する内容を記述していきます。

.content {
 font-family: 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'Georgia', 'Times New Roman', serif;
 }

.content p{
 font-family: 'メイリオ', 'Meiryo',  'ＭＳ Ｐゴシック', 'Georgia', 'Times New Roman', serif;
 }

：
：

カスタムCSSへの記述が終わったら「変更の保存」をすれば完了ですが、

IE6の場合、タグに lang=”ja”の記述がないと半角文字などで他のフォントが混在してしまって表示が微妙なんですね。ココログでは、この記述の変更ができないので．．．どうしたものか？

—　追記　—

とりあえず、フォントが混在すると気持ち悪いので、暫定対処としてIE6では ＭＳ Ｐゴシックになるように上記設定に加えて、フォント違いで*htmlを頭につけた項目を追加してみました。

*html .content {
 font-family: 'ＭＳ Ｐゴシック', 'Georgia', 'Times New Roman', serif;<br />
 }

 ：
 ：

これで、IE6の場合だけブラウザのフォント設定がメイリオになっていても、ＭＳ Ｐゴシックで表示されます。