はてなのフォントをメイリオにする

ひさびさに書いてみる。はてなブログの記事のフォントを変更する技が分かった。どこかには書かれているのかも知れないが、さきほど偶然わかったのだ。私はフォントをメイリオにしてみた。フォントサイズを90%にするとか、いろいろなカスタマイズができそうだ。以下のように設定する。

詳細デザイン設定を開いて、ページのヘッダ、ページのフッタ、スタイルシートを変更する。まずページのヘッダに(1)を追記する。

<div class="all">    <!-- (1)この行を追加 -->
<div class="main">

次にページのフッタに(2)を追記する。

</div>
<div class="sidebar">
　<!-- 中略 -->
</div>
</div>               <!-- (2)この行を追加 -->

そして、スタイルシートに(3)のようにフォントファミリやサイズの変更を記述する。

                     <!-- (3)スタイルシートにfont-familyなどを記述 -->
.all {
   font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',arial,helvetica,sans-serif;
   font-size: 95%;
}

上記は、ヘッダ、記事内容、フッタの全体に対してスタイルシートを適用するようにしたが、記事だけに適用するとか、sidebarのみに適用するとか、細かいことも可能な感じだ。むしろ、全体をdivで挟み込むことができたのが驚きだ。