はてなブログのフォントサイズを大きくする

このブログ(はてなブログ)を見るときにどうもフォントサイズが小さい. PCのブラウザでは表示を適当に拡大して見るのも苦ではないが, スマホの画面では「老眼お断り」級(笑)の小ささで表示され, ブラウザによっては簡単に拡大できなかったりするので不便である.

自分がこんなことを考えているということは, 他にも同じことを考えて既に何とかしてる人もいるでしょう... ということでググる.

なんかいろいろある. 見る環境(システムやブラウザ)によっても影響の出方が違うかもしれない.

試行錯誤した結果, 以下のようにしたらPCのブラウザ(firefox, chrome), スマホ(firefox,はてなブログアプリ)ともに文字が大きくなり見やすくなった.

はてなブログのメニューからDesignへ...

PCではStylesheetをいじると表示が変わるらしい...

Design => スパナのアイコン(customize) => {} Stylesheet

ここに以下を加える(フォントサイズを20pxにする; デフォルトは14pxらしい):

.entry-content {font-size:20px;}

上の方にある"Update Design"ボタンを押す.

ところがこれだけだとスマホの表示は変わってくれない.

Entryをいじってスマホにも適用するようにしたら変わった.

Design => スパナのアイコン(customize) => Entry
=> "Entry header"

ここに以下を加える:

<style type=text/css>
.entry-content {font-size:20px;} <= give a font size here
</style>

上の方にある"Update Design"ボタンを押す.

それから, スマホの表示にもPCと同じHTMLを使うように設定. (スマホ用の表示の設定機能はPROにあるらしい. フリーではPC用の設定をスマホにも適用すれば良い)

Design => スマホのアイコン (smartphone) => Entry
=> "Edit header and footer html"
"PCと同じHTML.."にチェック.

上の方にある"Update Design"ボタンを押す.

これでOK.

風来坊@真幸福知