インスタグラムやピンタレストをはじめ、サイトやブログ運営者の利用も増えているCanva。
だれもが簡単に『クオリティの高いデザイン』が作れると、人気のデザインツールです。
あなたもブログのヘッダーやアイキャッチ制作でお世話になっているのではないでしょうか?
でも、実際に作ってみるとこんな現実にぶちあたります。
![](https://renchan-blog.com/wp-content/uploads/2022/05/1677ca4d9b0c1c7d054a0004dee8cfad-e1652454586263-150x150.png)
Canvaで作ってもオシャレ感がでない。
![](https://renchan-blog.com/wp-content/uploads/2022/01/95e49d187856188a4dbaf93545924040-150x150.png)
![](https://renchan-blog.com/wp-content/uploads/2022/01/95e49d187856188a4dbaf93545924040-150x150.png)
![](https://renchan-blog.com/wp-content/uploads/2022/01/95e49d187856188a4dbaf93545924040-150x150.png)
イメージはできているのにデザインに落とし込めないんだよな~
その悩み、フォントえらびで改善できますよ!
本記事では、無料でつかえる日本語フォントをイメージ別に3~4種類ずつ(計17種類)紹介しています。
ほどよくインパクトのある『デザインフォント』をメインに集めました。
参考として、それらフォントをつかったアイキャッチ画像も掲載!
※アイキャッチ参考画像はすべて、Canva無料版で制作しています。
サイトデザインのイメージ作りやアイディアの引き出しにお役立てください。
本記事を読むと
- フォント選びに悩まなくなる
- お気に入りのフォントがみつかる
- アイキャッチにオリジナリティーが出る
- サイトイメージとアイキャッチの調和がとれる
フォントえらびの重要性
![](https://renchan-blog.com/wp-content/uploads/2022/05/undraw_Font_re_efri-1.png)
![](https://renchan-blog.com/wp-content/uploads/2022/05/undraw_Font_re_efri-1.png)
![](https://renchan-blog.com/wp-content/uploads/2022/05/1677ca4d9b0c1c7d054a0004dee8cfad-e1652454586263-150x150.png)
![](https://renchan-blog.com/wp-content/uploads/2022/05/1677ca4d9b0c1c7d054a0004dee8cfad-e1652454586263-150x150.png)
![](https://renchan-blog.com/wp-content/uploads/2022/05/1677ca4d9b0c1c7d054a0004dee8cfad-e1652454586263-150x150.png)
アイキャッチにつかう色とかイラストにはこだわってるけど、それだけじゃダメ?
アイキャッチをつくる際、色の調整や文字とイラストのバランスをととのえることはとても重要です。
でも、それだけだと「しっくり」こない時ありませんか?
そんなときこそ、フォントをかえてみましょう!
![](https://renchan-blog.com/wp-content/uploads/2022/01/f65234847ad8d8a77905699a838a0247-150x150.png)
![](https://renchan-blog.com/wp-content/uploads/2022/01/f65234847ad8d8a77905699a838a0247-150x150.png)
![](https://renchan-blog.com/wp-content/uploads/2022/01/f65234847ad8d8a77905699a838a0247-150x150.png)
個性的なフォントをつかうとか?
アイキャッチにオリジナリティーを足すのは大切ですが、「個性的なフォント」だけがその方法ではありません。
大事なのは『サイトイメージを壊さない』こと。
つまり
サイトイメージに合ったフォントをえらぶ
ことが重要です。
サイトイメージに合ったフォントをアイキャッチに使用するメリットはこちら↓
- サイト全体に統一感がでる
→印象が残りやすい - アイキャッチが悪目立ちしない
→見やすく居心地のいいサイトに - サイト独特の空気感をつくれる
→オリジナリティーの強化 - 挿入画像×フォントのイメージ
→メッセージ性の強化
ブログのトップページでは、たくさんのアイキャッチが並ぶことも。
アイキャッチは、ブログのイメージ作りに貢献しているといっても過言ではありませんよね。
![](https://renchan-blog.com/wp-content/uploads/2022/05/f6001929b901005d437bac45ac015dfb-e1652454722572-150x150.png)
![](https://renchan-blog.com/wp-content/uploads/2022/05/f6001929b901005d437bac45ac015dfb-e1652454722572-150x150.png)
![](https://renchan-blog.com/wp-content/uploads/2022/05/f6001929b901005d437bac45ac015dfb-e1652454722572-150x150.png)
たしかにアイキャッチがかわると、サイト全体のイメージもかわるね!
![](https://renchan-blog.com/wp-content/uploads/2022/01/0dc9d50fb185e6119a049119f74bb4de-150x150.png)
![](https://renchan-blog.com/wp-content/uploads/2022/01/0dc9d50fb185e6119a049119f74bb4de-150x150.png)
![](https://renchan-blog.com/wp-content/uploads/2022/01/0dc9d50fb185e6119a049119f74bb4de-150x150.png)
その分フォントがかわるだけで、サイトの印象もガラリとかわるよね。
さっそく次章から、サイトイメージ別のフォントを17種類紹介します。
アイキャッチ例も添えていますので、気になるフォントやつかってみたいフォントを探してみてください♪
「サイトカラーに迷っている」「配色がなかなか決まらない」という方は、こちらの記事もご参考に↓
![](https://renchan-blog.com/wp-content/uploads/2022/03/3da0d63feef8b5ae4f0d84f130583214-300x169.png)
![](https://renchan-blog.com/wp-content/uploads/2022/03/3da0d63feef8b5ae4f0d84f130583214-300x169.png)
サイトイメージ別おすすめフォント
Canva無料版でつかえる日本語フォントは、2022年1月時点で250種類以上。
そこからイメージどおりのフォントを探すのは楽ではない作業です。
そこで以下5つのサイトイメージを想定して、おすすめの日本語フォントを17種類ピックしました。
サイトイメージ例
サイトイメージごとに、おすすめフォントをつかったアイキャッチ画像も掲載しています。
さっそく見てみましょう!
![](https://renchan-blog.com/wp-content/uploads/2022/05/f6001929b901005d437bac45ac015dfb-e1652454722572-150x150.png)
![](https://renchan-blog.com/wp-content/uploads/2022/05/f6001929b901005d437bac45ac015dfb-e1652454722572-150x150.png)
![](https://renchan-blog.com/wp-content/uploads/2022/05/f6001929b901005d437bac45ac015dfb-e1652454722572-150x150.png)
私のブログに合うフォント見つかるかな~
①シンプル・スタイリッシュ系
![](https://renchan-blog.com/wp-content/uploads/2022/01/11.png)
![](https://renchan-blog.com/wp-content/uploads/2022/01/11.png)
- 使用フォント
『パール』:- Simple Life – / 暮らしを豊かに… - ブログジャンル
上質なライフスタイル、インテリア、大人カフェなど
おすすめフォント
パール
![](https://renchan-blog.com/wp-content/uploads/2022/01/31-1-1024x171.png)
![](https://renchan-blog.com/wp-content/uploads/2022/01/31-1-1024x171.png)
装甲明朝
![](https://renchan-blog.com/wp-content/uploads/2022/01/41-1024x171.png)
![](https://renchan-blog.com/wp-content/uploads/2022/01/41-1024x171.png)
日本語書体だとすこしお堅めな印象になるので注意
せのびゴシック Bold
![](https://renchan-blog.com/wp-content/uploads/2022/01/51-1024x171.png)
![](https://renchan-blog.com/wp-content/uploads/2022/01/51-1024x171.png)
②やわらか・ほっこり系
![](https://renchan-blog.com/wp-content/uploads/2022/01/21.png)
![](https://renchan-blog.com/wp-content/uploads/2022/01/21.png)
- 使用フォント
『うずらフォント』:\2歳児むけ/
『にくまる』:オススメ絵本3選 - ブログジャンル
育児日記、子育てノウハウ、保育士など
おすすめフォント
無心
![](https://renchan-blog.com/wp-content/uploads/2022/01/61-1024x171.png)
![](https://renchan-blog.com/wp-content/uploads/2022/01/61-1024x171.png)
にくまる
![](https://renchan-blog.com/wp-content/uploads/2022/01/71-1024x171.png)
![](https://renchan-blog.com/wp-content/uploads/2022/01/71-1024x171.png)
Hanazome
![](https://renchan-blog.com/wp-content/uploads/2022/01/81-1024x171.png)
![](https://renchan-blog.com/wp-content/uploads/2022/01/81-1024x171.png)
うずらフォント
![](https://renchan-blog.com/wp-content/uploads/2022/01/91-1024x171.png)
![](https://renchan-blog.com/wp-content/uploads/2022/01/91-1024x171.png)
③ポップ・アクティブ系
![](https://renchan-blog.com/wp-content/uploads/2022/01/31.png)
![](https://renchan-blog.com/wp-content/uploads/2022/01/31.png)
- 使用フォント
『廻想体 マキナB』:あなたは… / マンガ派… / VS - ブログジャンル
アニメ、漫画、子育て奮闘ワ―ママ記など
おすすめフォント
けいふぉんと
![](https://renchan-blog.com/wp-content/uploads/2022/01/101-1024x171.png)
![](https://renchan-blog.com/wp-content/uploads/2022/01/101-1024x171.png)
851チカラヅヨク
![](https://renchan-blog.com/wp-content/uploads/2022/01/121-1024x171.png)
![](https://renchan-blog.com/wp-content/uploads/2022/01/121-1024x171.png)
廻想体 マキナB
![](https://renchan-blog.com/wp-content/uploads/2022/01/111-1024x171.png)
![](https://renchan-blog.com/wp-content/uploads/2022/01/111-1024x171.png)
④華やか・フェミニン系
![](https://renchan-blog.com/wp-content/uploads/2022/01/41-1.png)
![](https://renchan-blog.com/wp-content/uploads/2022/01/41-1.png)
- 使用フォント
『やさしさアンチック』:ノーファンデが叶う
『かいそうたい』:リピ買いコスメ
『キアロ』:3000円以下… - ブログジャンル
コスメ、メイク、美容など
おすすめフォント
キアロ
![](https://renchan-blog.com/wp-content/uploads/2022/01/131-1024x171.png)
![](https://renchan-blog.com/wp-content/uploads/2022/01/131-1024x171.png)
かいそうたい
![](https://renchan-blog.com/wp-content/uploads/2022/01/141-1024x171.png)
![](https://renchan-blog.com/wp-content/uploads/2022/01/141-1024x171.png)
やさしさアンチック
![](https://renchan-blog.com/wp-content/uploads/2022/01/151-1024x171.png)
![](https://renchan-blog.com/wp-content/uploads/2022/01/151-1024x171.png)
⑤誠実・スマート系
![](https://renchan-blog.com/wp-content/uploads/2022/01/52.png)
![](https://renchan-blog.com/wp-content/uploads/2022/01/52.png)
- 使用フォント
『装甲明朝』:転職
『コメット』:失敗したくない!
『はれのそら明朝』:今すぐ登録すべき… - ブログジャンル
ビジネス、資格、ガジェットなど
おすすめフォント
コメット
![](https://renchan-blog.com/wp-content/uploads/2022/01/161-1024x171.png)
![](https://renchan-blog.com/wp-content/uploads/2022/01/161-1024x171.png)
装甲明朝
![](https://renchan-blog.com/wp-content/uploads/2022/01/171-1024x171.png)
![](https://renchan-blog.com/wp-content/uploads/2022/01/171-1024x171.png)
モトヤアポロ
![](https://renchan-blog.com/wp-content/uploads/2022/01/181-1024x171.png)
![](https://renchan-blog.com/wp-content/uploads/2022/01/181-1024x171.png)
はれのそら明朝
![](https://renchan-blog.com/wp-content/uploads/2022/01/191-1024x171.png)
![](https://renchan-blog.com/wp-content/uploads/2022/01/191-1024x171.png)
まとめ:フォントえらびはサイトイメージに合わせよう
本記事では、Canvaでのアイキャッチ制作に役立つ無料フォントを17種類紹介しました。
以下5つのサイトイメージごとに、3~4種類のフォントをピックしています。
サイトイメージ例
なぜ、フォントをサイトイメージに合わせるのか。
それには、次のようなメリットがあるから。
- サイト全体に統一感がでる
- アイキャッチが悪目立ちしない
- サイト独特の空気感をつくれる
- アイキャッチのメッセージ性強化
ほんの少しの変化で、サイトイメージをガラッとかえられるのが『フォント』の力。
「アイキャッチがイメージに近づかない」「オシャレ感に欠ける」とお悩みの方は、サイトイメージとのズレが原因かもしれません。
ぜひ本記事を参考に、お使いのフォントを見直してみてください♪
あなたのブログに、ぴったりのフォントがみつかりましたらうれしいです。