Bloggerで記事を書く時、フォントサイズを標準にしている方が多いと思います。
ただ、標準だとちょっと文字が小さいと思う方もいるのではないでしょうか。
本記事ではCSSの追加で文字のサイズを変更する方法を解説します。
CSSの追加方法
左のメインメニューから【テーマ】を選択し【カスタマイズ】をクリックします。
そこから【詳細設定】の【CSSを追加】を選択します。
【カスタムCSSを追加】にCSSを入力できます。
後述のCSSを入力したら保存をして、反映されているか実際にブログを確認しましょう。
記事のフォントサイズ変更のCSS
基本のCSSコードは以下の通りです。
.entry-content {
font-size: ●%;
}
●の部分に数字を入れます。
初期の状態が100%になるので、105～115%くらいで調整すると良いでしょう。
例として、当ブログのプライバシーポリシー冒頭を100%と110%で比較すると以下のようになります。
10%でもかなり大きくなったように感じると思います。
実際の当ブログでは105%に設定しているので、追加しているCSSコードは以下のようになります。
.entry-content {
font-size: 105%;
}
自分の読みやすい大きさに調整してみてくださいね！
