ここ数日、ブログのフォント周りの設定ばかりをいじってました。
過去ログを読んでいてふと気がついたんです。
「僕のブログって文字がごちゃごちゃしてて読みづらいなぁ」って。
どんなに時間をかけて自信満々にエントリーしても読みづらさが原因で読んでもらえないのであれば悲しすぎ。なので、ブログの中でも特にアクセス数の多いと思われる、いわゆる「アルファブロガー」と呼ばれている方々のブログを「フォント」に着目して観察してみることに。すると、やっぱり思ったとおり。共通点がいくつも見つかりました。以下、参考サイトのスクリーンショット。
font-family: Arial, Helvetica, sans-serif; エントリー本文：14px
font-family: sans-serif; エントリー本文：small
font-family: “Hiragino Kaku Gothic Pro”,”ヒラギノ角ゴ Pro W3″, “ＭＳ Ｐゴシック”,Osaka; エントリー本文：14px
font-family: ‘Trebuchet MS’, Verdana, sans-serif; エントリー本文：small
結論
こうして見ると、僕のこれまで設定してきたフォントサイズ「12px」というのはブログのトレンドと比較すると小さいということがわかります。smallでも14pxでもほとんど大きさは変わりませんから、とりあえず「見やすいサイズ」は14px、というかブラウザ標準サイズということでほぼ間違いなさそうです。
また、フォントの指定についても若干の違いはありますが、ゴシック系を指定しておけばよさそう。ヒラギノをあえて記載しておくことで、マカーの方には美しい文字で見てもらうのが親切かも。とはいえ、日本語フォントを特に指定しなければ勝手にブラウザの標準フォントで表示されるわけですから、どのみちヒラギノで表示されそうですけどね。
ということで、僕のブログでもフォント周りを次のとおり変更しました。
font-size: 14px; font-family: "Lucida Grande", "Verdana", "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴPro W3", "HiraKakuPro-W3", "MS Pゴシック", Sans-Serif; line-height: 1.6;
てな感じで。これ以上サイズを大きくするつもりはありません。後は色をもう少し濃くするとよさそうですけど。デザインとの兼ね合いもありますからね。
1個のコメント
lihe-height:1.8;じゃんか。