こんにちは、ニシムラ(@nissy421)です。

僕の大好きなブログの1つ、桃音さんのももねいろを読んでいたときのこと。

「ももねいろってスマホでもすごく読みやすいよなあ。同じテーマなのに。」

僕のブログはももねいろと同じハミングバードを使ってるんですよ。でもももねいろはPCはもちろんスマホで読んだ時にもすごく読みやすい。

何が違うんだろうと思っていたんですが、ようやく気が付きました。

文字の大きさが違う!

ももねいろはスマホの文字が普通より大きくなっているんですよね。だから読みやすかったんだ。

よし。さっそく僕のも変えてみよう。

というわけで今回は、ハミングバードのフォントサイズを変更する方法をシェアします。

ハミングバードで記事中のフォントサイズを変更する方法

外観→テーマの編集からstyle.cssを開いて編集します。

【GENERAL STYLES】という部分を探すと、[font size]という項目が出てきます。

[aside type=”normal”] 【ctrl】+【F】で探してね![/aside]

デフォルトだと[100%]になっているので、これを[18px]に書き換えます。
[aside type=”normal”] pxはピクセル。数字が大きいほど文字が大きくなるよ[/aside]

以上!簡単でしょ?

まとめ

フォントサイズひとつちがうだけでも、ブログの見え方って全然変わるんだなあ。

せっかくブログを読みにきてくれた人が「文字が小さくて読みづらい」って帰っちゃったらショックですもんね。

もちろんハミングバード以外のテーマでも、CSSをいじればフォントサイズは変更できるので、ぜひチャレンジしてみてください!

この記事を読んだ人はこんな記事も読んでいます

[kanren postid=”728″]