非常に便利なCocoonですが、使っていると、全体的にもう少し文字サイズを大きくしたい、もしくは小さくしたいと思うようになります。ここでは投稿や固定ページの文字の大きさを変更する方法をご紹介します。
文字サイズの変更
変更前の文字サイズ確認
例として、下のページの文字の大きさを変更してみます。図だけではわかりにくいですが18pxのフォントサイズになっています。確認するページは、どのページでも構いません。
![](https://i0.wp.com/koremo2020.com/wp/wp-content/uploads/2021/02/scs096.png?resize=800%2C450&ssl=1)
文字サイズの変更
文字サイズを変更してみましょう。ナビゲーションメニューの[Cocoon設定]の中の[Cocoon設定]をクリックします。
![](https://i0.wp.com/koremo2020.com/wp/wp-content/uploads/2021/02/scs097.png?resize=800%2C450&ssl=1)
Cocoon設定の画面が表示されたら、[全体]タブをクリックします。
![](https://i0.wp.com/koremo2020.com/wp/wp-content/uploads/2021/02/scs098.png?resize=800%2C450&ssl=1)
全体タブの画面を下にスクロールしていくと、「サイトフォント」があり、文字サイズが18pxになっている事が確認できます。(このデフォルトの文字サイズは、使用しているテーマによって違います)
![](https://i0.wp.com/koremo2020.com/wp/wp-content/uploads/2021/02/scs099.png?resize=800%2C450&ssl=1)
この文字サイズを14pxにしてみましょう。文字サイズのプルダウンメニュから[14px]をクリックします。
![](https://i0.wp.com/koremo2020.com/wp/wp-content/uploads/2021/02/scs100.png?resize=800%2C450&ssl=1)
文字サイズを選択したら画面を上にスクロールして、[変更をまとめて保存]をクリックします。
![](https://i0.wp.com/koremo2020.com/wp/wp-content/uploads/2021/02/scs101.png?resize=800%2C450&ssl=1)
変更後の文字サイズ確認
保存が完了したら、最初に確認したページをもう一度開いてみましょう。文字サイズが小さく(14px)になっている事がわかります。
![](https://i0.wp.com/koremo2020.com/wp/wp-content/uploads/2021/02/scs102.png?resize=800%2C450&ssl=1)
いろいろ試してみて、自分のイメージに合う文字サイズにしてみましょう。