![こまるちゃん](https://www.fukuchinofukugyou.com/wp-content/uploads/2021/11/無題8083_20211102225334.png)
ブログの雰囲気と文字の雰囲気があわないんだよね。
![わかるちゃん](https://www.fukuchinofukugyou.com/wp-content/uploads/2021/11/無題8098_20211102225839.png)
簡単な設定でフォント(字体)を変えることができるよ!
本日はCocoonでフォント(字体)を変更する方法をお話しします。
この記事を読んでくださっているあなたはすでにフォントを変えたい!という意志を持っている方だと思います。
![ふくち](https://www.fukuchinofukugyou.com/wp-content/uploads/2022/01/無題8204_20220122085833.png)
そう、フォントは読み手に与える印象も左右する大切な要素です
この記事では以下をお話します。
変更方法だけ知りたい!という方は目次の3番へジャンプしてくださいね↓↓
ブログにおけるフォントの重要性
![重要性](https://www.fukuchinofukugyou.com/wp-content/uploads/2022/04/Importance-1024x427.png)
ブログで最も大切なのは記事の内容ですが、フォントもブログの印象を左右する重要なポイントの1つです。
なぜなら、人は文字から言葉の意味だけでなく、印象も受け取っているからです。
![ふくち](https://www.fukuchinofukugyou.com/wp-content/uploads/2022/03/無題24_20220314094844.png)
手紙なども字によって相手の性格が感じられたり、話をする場合も、相手の声のトーンや話し方によって受け手の印象が全然違いますよね!
少し例を見てみましょう。
同じ言葉でも「知的」「繊細」「元気」「おしゃれ」など、印象が違ってきますね。
![さまざまな字体の比較](https://www.fukuchinofukugyou.com/wp-content/uploads/2022/04/字体の比較-1024x538.png)
デザインの世界でもフォントはデザインのイメージを大きく左右するため、重要視されています。
ブログでも人を惹きつけ、読んでもらうためにフォントにもこだわりましょう!
Cocoon で利用できるフォントとおすすめフォントの紹介
![ABCの文字の上に人々が立ったり座ったりしているイラスト](https://www.fukuchinofukugyou.com/wp-content/uploads/2022/08/ABC-1024x427.png)
ここでは、Cocoon で利用できるフォントを画像で確認します。
その上でブログの特色に合わせたおすすめのフォントを紹介します!
Cocoon で利用できるフォント一覧
Cocoon に装備されているフォントは全部で12種類あります。
正直、ほとんど見栄えが変わらないものもあるのですが^^;
1.ヒラギノ角ゴ,メイリオ
(初期設定で適用)
![ヒラギノ角ゴ,メイリオのプレビュー](https://www.fukuchinofukugyou.com/wp-content/uploads/2022/04/スクリーンショット-2022-04-20-10.46.23.png)
3.游ゴシック体,ヒラギノ角ゴ
![游ゴシック体,ヒラギノ角ゴのプレビュー](https://www.fukuchinofukugyou.com/wp-content/uploads/2022/04/スクリーンショット-2022-04-20-10.54.58-2.png)
5.Noto Sans JP(WEBフォント)
![Noto Sans JP(WEBフォント)のプレビュー](https://www.fukuchinofukugyou.com/wp-content/uploads/2022/04/スクリーンショット-2022-04-20-11.06.55.png)
7.Mplus 1p (WEBフォント)
![Mplus 1p (WEBフォント)のプレビュー](https://www.fukuchinofukugyou.com/wp-content/uploads/2022/04/スクリーンショット-2022-04-20-11.12.42.png)
9.小杉ゴシック(WEBフォント)
![小杉ゴシック(WEBフォント)のプレビュー](https://www.fukuchinofukugyou.com/wp-content/uploads/2022/04/スクリーンショット-2022-04-20-11.33.45.png)
11.さわらびゴシック(WEBフォント)
![さわらびゴシック(WEBフォント)プレビュー](https://www.fukuchinofukugyou.com/wp-content/uploads/2022/04/スクリーンショット-2022-04-20-11.37.25.png)
2.メイリオ,ヒラギノ角ゴ
![メイリオ,ヒラギノ角ゴのプレビュー](https://www.fukuchinofukugyou.com/wp-content/uploads/2022/04/スクリーンショット-2022-04-20-10.47.52.png)
4.MS Pゴシック,ヒラギノ角ゴ
![MS Pゴシック,ヒラギノ角ゴのプレビュー](https://www.fukuchinofukugyou.com/wp-content/uploads/2022/04/スクリーンショット-2022-04-20-11.01.13.png)
6.Noto Serif JP(WEBフォント)
![Noto Serif JP(WEBフォント)のプレビュー](https://www.fukuchinofukugyou.com/wp-content/uploads/2022/04/スクリーンショット-2022-04-20-11.08.58.png)
8.Rounded Mpuls 1c(WEBフォント)
![Rounded Mpuls 1c(WEBフォント)のプレビュー](https://www.fukuchinofukugyou.com/wp-content/uploads/2022/04/スクリーンショット-2022-04-20-11.15.42.png)
10.小杉丸ゴシック(WEBフォント)
※当ブログで利用しているフォント
![小杉丸ゴシック(WEBフォント)プレビュー](https://www.fukuchinofukugyou.com/wp-content/uploads/2022/04/スクリーンショット-2022-04-20-11.34.43.png)
12.さわらび明朝(WEBフォント)
![さわらび明朝(WEBフォント)プレビュー](https://www.fukuchinofukugyou.com/wp-content/uploads/2022/04/スクリーンショット-2022-04-20-11.38.38.png)
![わかるちゃん](https://www.fukuchinofukugyou.com/wp-content/uploads/2021/11/無題8098_20211102225839.png)
WEBフォントはインターネット上で配布されているフォントのこと!おしゃれなフォントも多くて素敵なんだけど、少し読み込みに時間がかかるのがネックだね。
ブログジャンル別おすすめフォント紹介
![顔文字のマークを持った人々のイラスト](https://www.fukuchinofukugyou.com/wp-content/uploads/2022/07/AdobeStock_397618502-1024x614.jpeg)
ブログのジャンル別でおすすめのフォントを紹介します。
ビジネス系ブログ
角ゴシック系の書体がおすすめです。(上記で言うと1〜4)
名前に「角ゴ(角ゴシックの略)」とついているものですね!
ですので、初期設定の「ヒラギノ角ゴ,メイリオ」のままでもOKです。
角ばっており、直線的なゴシック体は「信頼感」を与えます。
そのため、ビジネスマン向けのブログや、比較的堅めの内容のブログに適しています。
高級商品の紹介ブログ・文学的なエッセンスのあるブログ
このようなブログには 6のNoto Serif JPまたは12のさわらび明朝がおすすめです。
明朝体は「繊細さ」や「高級感」などが感じられる書体です。
小説などにも使われているのも目にすること思います。
例えば、高級商品で言うと高級エステやジュエリー、高級ホテルなど。
文学的なエッセンスというところでは芸術作品を紹介するブログであったり、小説調のブログであったりというイメージです。
育児ブログ・やわらかい見た目のブログ
やわらかな雰囲気のブログにはこんな書体がおすすめです。
8のRounded Mpuls 1cや10の小杉丸ゴシックなど丸みのある文字が適しています。
なぜなら、「丸み=かわいらしい」という印象があるためです。
一例としては、赤ちゃんや小さなお子さんの子育てのブログや、可愛いキャラクター紹介のブログなど。
![ふくち](https://www.fukuchinofukugyou.com/wp-content/uploads/2022/01/無題8204_20220122085833.png)
利用したいフォントは決まったかな?
Cocoon のフォント変更3ステップ
![女性が階段をのぼっているイラスト](https://www.fukuchinofukugyou.com/wp-content/uploads/2022/08/3STEP-1024x427-1.png)
フォントが決まったら変更作業に入りましょう!
変更はとっても簡単。3分あればできます。
Cocoon 設定の「全体」を開く
WordPressの画面で、「①Cocoon 設定」→「②全体タブ」をクリック
![](https://www.fukuchinofukugyou.com/wp-content/uploads/2022/04/image-19-1024x295.png)
フォントを選択する
下方にスクロールするとすぐに「サイトフォント」という項目がありますので、その中のフォントのプルダウンから好きなフォントを選択しましょう。
保存していない段階では右側のプレービューに反映されないことがあります。
![](https://www.fukuchinofukugyou.com/wp-content/uploads/2022/04/image-21-1024x498.png)
変更を保存する
一番下までスクロールすると「変更をまとめて保存する」というボタンがありますので、クリックしましょう。
これで作業は完了です。
主要サーバーのWAFの解除方法を確認する
まとめ:Cocoon のフォントをブログに合わせて変更しよう!
![まとめ](https://www.fukuchinofukugyou.com/wp-content/uploads/2023/06/名称未設定-2-07-1024x427.png)
本日はCocoon のフォント変更方法を見てきました。
ポイントはこちら
![ふくち](https://www.fukuchinofukugyou.com/wp-content/uploads/2022/03/無題24_20220314094844.png)
とっても簡単にブログの印象を変えられる方法なので、ぜひ試してみてくださいね!
\ボックスメニューをオリジナルにカスタマイズしてみよう/
\1ブロガーに1冊!痒い所に手が届く/
![わかるちゃん](https://www.fukuchinofukugyou.com/wp-content/uploads/2021/11/無題8098_20211102225839.png)
ブロガー1家に1冊!初級者〜中級者までしっかり使えるブログの教科書的な本だよ♪
コメント