このライブドアのブログの見栄えをプレビューで確認するのですが、どうもフォントが細くて好みの見栄えではありません。使っているブラウザの設定で強制的にフォントを変更することは出来ますが、それだと他の人が見た時には相変わらず文字は細いままです。Windows用Emacsでの等幅フォントの記事で触れたようにEmacsで見やすいフォントにすることが出来たばかりなのでブログのフォントも自分の好みにしてみようと思いました。

以前、livedoorブログでソースコードの表示を参考にして既にソースコードを色付けして表示できるようにブログ設定を行っていますが、同様にフォントを指定できるところがありました。

ブログ設定からカスタムJSをクリックします。

livedoor_customJS
デザイン設定(PC)のメニューが現れるのでそ

こでカスタマイズを選びます。選ぶとCSSが選ばれている状態です。

livedoor_customCSS

そこから次の区画を探します。

/* =============================================== */
/** 02. Common - 共通 */
/* ----------------------------------------------- */
その下に次のような記述がありました。
body
, textarea {
	font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","MS Pゴシック",sans-serif;
}
どうやらここに記されたフォントで表示されるようです。初めの二つはMacのフォントで自分のWindows PCには入っていないのでMS Pゴシックで表示されていたのでしょう。ここに次のようにフォントを追記するとMeiryo UIで表示されるようになりました。Windows 7以前のPCでもよりきれいに見えるようにメイリオも付け加えています。
body
, textarea {
	font-family: "Meiryo UI", "メイリオ", "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","MS Pゴシック",sans-serif;
}