はてなブログカスタマイズを0から学ぶ

無料版はてなブログのカスタマイズを学んでいくブログ

はてなブログのカスタマイズ 文字の大きさを変える

ちょっと文字が小さくて読みにくいな、と思っていたところ

文字の大きさも自由に変えられる記事を発見。

 

bele.hatenadiary.com

 

カスタマイズ画面の「デザインCSS」の部分に下のコードを貼り付けます。

.entry-content p {font-size: 18px; }

 

さっそくやってみました。

少し文字が大きくなって読みやすくなった気がします!

Googleで推奨されているのは16px以上だそうです。

余り大きくなりすぎても読みにくくなるので16~18くらいがよさそう。

 

ちなみにこの記事の中で文字の大きさを部分的に変えるやり方も紹介されていました。

 

下のコードをHTML編集画面に貼り付けます。

<p style="font-size: 30px;">ここに文章</p>

そうするとこうなります。↓

ここに文章

30pxの部分を変更すれば大きさは好きに選べますね!

 

文字の大きさアイコンを使うと、

サンプル(大)サンプル(中)サンプル(標準)サンプル(小)

の4種類を使えますね。

 

いちいちHTMLで大きさを変えるより、この4種類で十分な気もします!