1. TOP
  2. DESIGNER
  3. おすすめのフォントまとめ記事34選【日本語/英語/数字/季節系まで】

おすすめのフォントまとめ記事34選【日本語/英語/数字/季節系まで】

DESIGNER
mattun

デザインにとって大事な一要素、フォント。フォント選びからタイポグラフィーまで、フォント周りはとても奥深い世界です。

この記事では、おすすめのフリーフォントまとめや、フォントを使った文字入れ術、ロゴの作り方、タイポグラフィーの構築法など、フォントにまつわる記事を34個まとめました。

あなたが必要とするフォントの情報が、きっと見つかるはずです！

基本のフリーフォント（日本語／英語／数字）

フォントの世界へ、いらっしゃい。

まずは定番の日本語 / 英語 / 数字のフリーフォントをまとめた記事をご紹介します。

1. 日本語フォント

力強い毛筆・筆文字フォントや和風フォントなど、日本語のフリーフォントを集めました。

5つのカテゴリーに分けられた、奥深い日本語フォントをお楽しみください。

2. 英語フォント

日本人でも英語フォントを使う場面は多いでしょう。

使いやすいシンプルなものから、個性の強いものまで、とくとご覧あれ。

3. 数字フォント

数字なんてどれも一緒？ いやいや、色々あるんです。

並べてみると違いが分かりやすい数字フォント。眺めているだけでもきっと楽しいはずです。

シチュエーション別フリーフォント

つづいてシチュエーション別に使えるおすすめフォントをご紹介します。

フォントをシーンごとに使い分けるだけで、グッと「それっぽい」感じが出るはずです。

4. 怖い！ホラーフォント

フォントを眺めているだけで普通に怖いので閲覧注意です。

不気味なフォントが数多く並んでいるので、ホラーがお好きな方はぜひチェックしてくださいね。

5. めでたい！結婚式用フォント

結婚式のウェルカムボードや、招待状にぴったりのおしゃれなフォントが盛りだくさん。

おすすめのウェルカムメッセージも一緒にご紹介しています。

6. 楽しいクリスマス / 冬用フォント

クリスマスに使える英語フォントを 30個ご紹介しています。

眺めているだけで楽しい飾りフォントをぜひご覧ください。

7. 年に一度の年賀状用フォント

一年に一度の、年賀状。こだわるなら、宛名のフォントまで徹底してこだわりたいものです。

年賀状の宛名にぴったりなフォントをまとめてみました。

8. かわいいだけじゃない！ポップ体フォント

よく見る「創英角ポップ体」以外にもたくさんのポップ体フォントがあるのをご存知ですか？

王道のポップ体フォントから、変わり種まで幅広く網羅しています。

9. 懐かしい雰囲気を演出！レトロフォント

昭和レトロ、大正ロマン、明治モダンなフォントを探しているデザイナーの方へ。

思わず使いたくなるような、味のあるフォントがきっと見つかります。

10. 作業効率UP！プログラミング用フォント

プログラミングの際に便利な等幅フォントをご紹介しています。

ご自身の作業に合うフォントをぜひ探してみてください。

11. 使用率世界第3位!? アラビア語フォントまとめ

アラビア語でサイト制作をする方におすすめのフォントをまとめています。

昨今のグローバル化に伴って、役立ちそうなフォントですね。

12. かっこいい！ヘヴィメタル風のフォントまとめ

個性的なヘヴィネタル風のフォントをご紹介しています。

とにかくかっこいいフォントをたくさん見たい！という方におすすめです。

世界的企業が使っているフォント

ロゴを作るときには、フォント選びがとても大切です。

いろんな企業のロゴと、ロゴに使われているフォントをチェックしてみましょう！

13. 企業ロゴで使われているフォント

Facebook、Twitter、Google……。

毎日のように目にする、世界的企業のロゴに使われているフォントをまとめてみました。

14. オリンピックのロゴの歴史

2020年は東京オリンピック。オリンピックのロゴに使われているフォントも、実はさまざま。

時代ごとに変わるフォントの傾向も見てみると、面白いかもしれません。

15. Nikeのロゴの歴史

Nikeのロゴは、実はたった35ドルのデザインから生まれました。

その歴史と変遷を紐解いていきます。

16. ペプシのロゴの歴史

コンビニやスーパー、イベントなどさまざまなところで目にする「ペプシ」のロゴ。

今やお馴染みのロゴですが、実は創業当初とは全く違うものだったんです！

17. スターバックスのロゴの歴史

2011年、スターバックスのロゴマークからフォントが消えました。

スターバックスの歴史上、最もシンプルなロゴにした理由とは……？

18. フェラーリのロゴの歴史

第一次世界大戦時の”撃墜王”が、フェラーリのロゴに採用された由来とは……？

赤いボディと跳ね馬が特徴的なフェラーリロゴの歴史に迫ります。

19. Uberのロゴのリブランディング

2018年9月、実は配車アプリでおなじみの『Uber』が、ロゴを変更したんです。お気付きでしたか？

シンプルで視認性の高いロゴへのリブランディングを、ぜひチェックしてみてください。

【実践編】フォントを使ってデザインするときに役立つ記事

続いてフォントをオシャレに使いたいときに役立つ記事をご紹介します。

20. ブランドロゴの作り方

ブランドロゴを作りたい人必見！

魅力的なブランドロゴを作成するのに覚えておきたいポイントと、よくある間違いをまとめました。

21. ロゴタイプ／ロゴマークのデザインのコツ

「ロゴマーク」と「ロゴタイプ」の違いを説明できますか？

2つの違いやそれぞれに合ったデザインのコツを、実例を交えながら解説しています。

22. スマホで文字を入れたいときに！無料フォントアプリまとめ

おしゃれなデザインがスマホで簡単に作れちゃう昨今。

SNSのサムネイルやフライヤーなどを簡単に作れるおすすめの無料アプリをご紹介します。

23. 差がつくデザインを！カスタムフォント作成ツールまとめ

既存のフォントにピンとこない方に向けて、おすすめのカスタムフォント作成ツールをまとめました。

デザインにオリジナリティを出したいときに役立ててみてください。

24. 袋文字を使って洗練されたフォントを

袋文字と通常の文字を組み合わせたWebデザインをご紹介しています。

フォントにちょっとしたコントラストをつけたい方はぜひ参考にしてみてください。

25. 動物ロゴをブランドデザインに取り入れる方法

Twitter、ラコステ、ジャガー、フェラーリ……。

数多くの有名ブランドが採用している、動物をモチーフにしたロゴマークの作り方を解説しています。

26. 自作のロゴが作成できるサイトまとめ

専用ソフトを使わずに簡単にロゴデザインをしてみたい方に向けて、ロゴ作成サイトをまとめました。

フォントや写真などの素材を自由に使って、素敵なロゴを作成してみてください。

27. ロゴのモックアップに使える無料テンプレートまとめ

ロゴをデザインしたときに、実際にフォントや写真がどのように反映されるのか気になりますよね……。

そんな方に向けて、ロゴのモックアップに使える無料テンプレートをまとめました。

28. フェミニンなデザインのロゴテンプレートまとめ

フェミニンなロゴに使われているフォントは、女性らしく洗練されたものばかり。

女性向けのサービスを展開したいデザイナーの方に参考になる記事です。

29. 写真ベースでおしゃれなメインビジュアルを作る

写真と文字を使った簡単なメインビジュアルの作り方を、デザイナーの古性のちさんが紹介しています。

記事のメインビジュアルも、雰囲気があって素敵ですね。

30. 写真に文字を入れて自分のカラーを作る

同じく古性のちさんから、SNSで自分のカラーを出すための文字入れ術です。

デザインを考えるときに、ちょっと気をつけるだけでグッとビジュアルが良くなるポイントが詰まっています。

【実践編】タイポグラフィを構築する時に役立つ記事

デザインに大事な要素である「タイポグラフィー」。

タイポグラフィーにまつわる記事をチェックして、タイポグラフィーに強いデザイナーを目指しましょう。

31. タイポグラフィーの基本ルール

タイポグラフィーには、基本のルールがあります。

文字間や行間の取り方やフォントの選び方などの基本ルールと、タイポグラフィーの作り方をご紹介します。

32. タイポグラフィー作成に使えるツールまとめ

タイポグラフィーは、簡単に扱えるものではありませんよね。

タイポグラフィーをよりデザインしやすくするための、12のツールを紹介しています。

33. モバイル表示におすすめのフォント

WEBデザインで重要視されている「レスポンシブデザイン」。

モバイル表示を意識したフォントデザインで、気をつけたいことをまとめました。

34. 動く！タイポグラフィーまとめ

最後に、ちょっと心が浮き立つタイポグラフィーを。

テキストにアニメーションを加える印象的なタイポグラフィーを、ぜひチェックしてみてください。

おわりに

フォントが関わる世界は幅広いです。

ぜひ面白いフォントやフォントの効果的な使い方を見つけて、あなたのデザインにお役立てください。

 

執筆：mattun
編集：木村優美

Workship
DMMwebcamp

NEW

SHARE

PICKUP

MORE ARTICLES

RELATED

  • お問い合わせ
  • お問い合わせ
  • お問い合わせ

KEYWORDS