【2021年版】すごいフォント25選

本記事は、[Diana Malewicz](https://medium.com/@dianamalewicz)氏による「[The curated list of 25 amazing fonts for 2021](https://uxdesign.cc/the-curated-list-of-25-amazing-fonts-for-2021-fa768327cc94)」（2021年3月2日公開）の和訳を、著者の許可を得て掲載しているものです。

#【2021年版】すごいフォント25選

>完璧なフォントを探すのはこれで終わり。セリフ系、サンセリフ系などを厳選しました！

![The cover for " the curated list of amazing 25 fonts for 2021" with different letters and emojis](https://miro.medium.com/max/4800/1*jiDMPopGQ05LTcWWe1kqgQ.png)

#はじめに

毎年春になると、私は自分のツールセットとリソースを整理します。使わなかったり必要なかったりするフォントやアイコン、プラグインをすべて断捨離します。とても爽快なので、皆さんにもぜひやって欲しいです！

何年もお気に入りのものを使ってきましたが、同時に、新しいものを試すのもいいものです。特にフォントは！好きな書体があっても、時々新しいものを使ってみるのも好きです。

完璧なフォントを探すのは疲れるでしょうし、選択肢もたくさんありますよね？最近、徹底的に調査したので、厳選したリストとしてまとめることにしました。このリストがあれば、フォント探しが少しは速くなると思いますよ。

2つのことを明確にしましょう。

**デザイナーとして何十種類ものフォントが必要ですか？🤔**

いいえ！90％は、3つの書体しか使いません。プロジェクトやクライアントの個人的なブランディングや好みに応じて差し替えることは、滅多にありません。

**フォントを購入する価値はありますか？💰**

もちろんです。投資だと思ってください。文字のないプロダクトデザインはありません。つまり、**良いフォントは良いプロダクトを作るのに必要なツールです。**無料フォントにもよいものはありますが、有料フォントほどではありません。私もフォントファミリーを初めて買うまでは否定的でしたが、それに見合う価値がありました！

**以下で紹介するのは、私が個人的に使い、仕事で使って、満足したフォントだけです。ここでは思い付きでお勧めはしません!✨**

#サンセリフ体

##[1. Sofia Pro](https://www.myfonts.com/fonts/mostardesign/sofia-pro/)

![Sofia Pro font](https://miro.medium.com/max/4800/1*Pzq8ZLTQjmr7cFxnkdoLEg.png)

とても繊細で、魅力的な合字があり、日常使いに最適なフォントファミリーです。お気に入りの1つです。

##[2. Gilroy](https://www.myfonts.com/fonts/radomir-tinkov/gilroy/)

![Gilroy font](https://miro.medium.com/max/700/1*lahdoSfknBDKCJkv5IiITQ.png)

突然周りの人があなたの使っているフォントを知りたがったら、おそらくGilroyでしょう。見事な美しさです。何と素晴らしい書体なのでしょう！美しい仕上がりの20種類のスタイルです。

##[3. Proxima Nova](https://www.myfonts.com/fonts/marksimonson/proxima-nova/)

![Proxima Nova font](https://miro.medium.com/max/700/1*VxFbSro5hW6VFcL60lf6hw.png)

有料フォントファミリーに投資したいなら、間違いありません（144種類のスタイルは、おそらくデザイナー人生で必要とする量よりも多いでしょう）。私はこのフォントで視覚的に複雑なポータルをいくつかデザインしましたが、これは絶対にお勧めです。

##[4. Cera Pro](https://www.myfonts.com/fonts/typemates/cera/)

![Cera Pro font](https://miro.medium.com/max/700/1*je9SZYON9bRC8uxAi0Ys1Q.png)

読みやすくミニマルな書体を探しているなら、これも素晴らしい書体です。美しい大文字「Q」を見てください！

##[5. Lufga](https://www.myfonts.com/fonts/adam-ladd/lufga/)

![Lufga font](https://miro.medium.com/max/700/1*iGe_F-OSgM1E71_OYyY66A.png)

私はこの書体が大好きです。Gilroyによく似ていますが、「g」に心を奪われます！とても読みやすく、魅力的な書体で、ありきたりな選択肢ではありません。

##[6. Poppins](https://fonts.google.com/specimen/Poppins?preview.text_type=custom)

![Poppins font](https://miro.medium.com/max/700/1*T2UGYdeuhKJZYzvM9GOHhg.png)

見栄えのするサンセリフ系の無料フォントを見つけるのは難しいです。Poppinsは最良の選択肢の1つだと思います。少しGilroyを思い出させます。

##[7. Syne](https://fonts.google.com/specimen/Syne?preview.text_type=custom&query=syne)

![Syne font](https://miro.medium.com/max/700/1*DG_do-TMlEbhn-VfkH5Xyw.png)

ブルータリズムに興味があるなら、これは必須です。試してみてください！

##[8. Basic Sans](https://www.myfonts.com/fonts/latinotype/basic-sans/)

![Basic Sans font](https://miro.medium.com/max/700/1*0JHOV6P-i-phf0Ca0k3dEw.png)

プロジェクトによっては、あまり堅苦しくない書体が必要な場合もあります。Basic Sansは、より遊び心のあるスタイルを探しているときに最適な選択肢です。読みやすさは抜群です！

##[9. Epilogue](https://fonts.google.com/specimen/Epilogue?preview.text_type=custom&query=epilo)

![Epilogue font](https://miro.medium.com/max/700/1*pBXL8MCBlUu4az03DPtviA.png)

とても珍しく、人目を惹く「g」がある無料の書体です。見出しに最適です。

##[10. Objektiv](https://fonts.adobe.com/fonts/objektiv)

![Objektiv font](https://miro.medium.com/max/700/1*LYDu6sC8R92EfHC4P7XUUA.png)

とてもミニマルでモダンな書体です。そのままで美しい、単純化したフォルムが美しいです。Futura系のフォントが好きな人はぜひチェックしてみてください！

##[11. Soleil](https://fonts.adobe.com/fonts/soleil)

![Soleil font](https://miro.medium.com/max/700/1*vgLdf8lAzlr3svsk5Lm5Yg.png)

シンプルで読みやすい書体で、普段使いに最適です。

##[12. Sora](https://fonts.google.com/specimen/Sora?preview.text_type=custom&query=sora)

![Sora font](https://miro.medium.com/max/700/1*LuZLFleZjDQRdaXAbKokpw.png)

繊細で「テクニカル」な雰囲気の無料フォントです。見出しにも段落にも最適です。

##[13. Effra](https://fonts.adobe.com/fonts/effra)

![Effra font](https://miro.medium.com/max/700/1*DGZjd7JiesTCb5pCJGgOGA.png)

人気のあるサンセリフ系フォントの代替として素晴らしいです。シンプルで読みやすいデザインです。

##[14. New Atten](https://fonts.adobe.com/fonts/new-atten)

![New Atten font](https://miro.medium.com/max/700/1*BLUjslDuLhiYjQ2Iid6CFA.png)

「洗練された」雰囲気と、とても美しい大文字「Q」がある書体です。すっきりしていて整然としています。

##[15. Apertura](https://fonts.adobe.com/fonts/apertura)

![Apertura font](https://miro.medium.com/max/700/1*reXocm3C4m7KusK_sV1fPw.png)

シンプルで読みやすい書体で、より「丸み」を帯びた、遊び心のあるスタイルです。

#セリフ体

##[16. Source Serif Pro](https://fonts.google.com/specimen/Source+Serif+Pro?preview.text_type=custom)

![Source Serif Pro typeface](https://miro.medium.com/max/700/1*2N9jW_Nvmhq9bI0FNC05_w.png)

無料で、読みやすく、親しみやすいセリフ体です。見出しと段落の両方で、日常使いに最適です。

##[17. Recoleta](https://www.myfonts.com/fonts/latinotype/recoleta/)

![Recoleta font](https://miro.medium.com/max/700/1*uowdLl6GvgAWc9T55kCMzA.png)

この書体は本当に魅力的です！とても読みやすく、親しみやすい書体です。プロジェクトに遊び心のあるヴィンテージな雰囲気を加えたい時に最適です。

##[18. Ivy Journal](https://fonts.adobe.com/fonts/ivy-journal)

![Ivy Journal font](https://miro.medium.com/max/700/1*WppSPha2L_5M-foTk4jcQw.png)

とてもすっきりしていて洗練された書体で、見出しにも段落にも最適です。お気に入りの1つです。

##[19. Fraunces](https://fonts.google.com/specimen/Fraunces?preview.text_type=custom&query=fraunces)

![Fraunces font](https://miro.medium.com/max/700/1*VjzD8Kg8uPv5Bz2roKNnsw.png)

この書体のすべてが気に入っています。信じられないかもしれませんが、この書体は無料なのです。なぜFrauncesはもっと人気がないのでしょうか？とても高級感があって美しい仕上がりです！

##[20. Demos Next](https://fonts.adobe.com/fonts/demos-next)

![Demos Next font](https://miro.medium.com/max/700/1*Ow6WU6ce_QGtfjxxFZLg8Q.png)

洗練されていて高級感のある書体、Demosを使うのが大好きです。特に、誇張した見出し用の変わった選択肢として、素晴らしいと思います。

##[21. Gelasio](https://fonts.google.com/specimen/Gelasio?preview.text_type=custom&query=gelasio)

![Gelasio font](https://miro.medium.com/max/700/1*b3MoXQrT6glqu_irei_hKg.png)

無料のセリフフォントで、読みやすく、間違いありません。有名な「Georgia」の代替として、無難で興味深い選択肢です。

##[22. Crimson Pro](https://fonts.google.com/specimen/Crimson+Pro?query=crimson&preview.text_type=custom#glyphs)

![Crimson Pro font](https://miro.medium.com/max/700/1*PMYfcPfuhq3Z5XtL4mKSSQ.png)

無料のセリフフォントで、Source Sans ProやDemos Nextよりも文字の高さが小さくなっています。Crimson Proは、見出しと段落の両方でとても見栄えがします。

#装飾用

##[23. Bely](https://fonts.adobe.com/fonts/bely)

![Bely font](https://miro.medium.com/max/700/1*KRydtshyMKbz3zQPF7iP-A.png)

Belyの、特に重めのスタイルが大好きです。いくつかの異なるプロジェクトで見てきましたが、ランディングページの「大きなタイポグラフィ」のようなヘッダーに最適です。また、屋外やブランディングにも適しています。

##[24. Zooja Pro](https://fonts.adobe.com/fonts/zooja)

![Zooja pro font](https://miro.medium.com/max/700/1*5ieBUsj7cIgMWLEo41ZlMg.png)

美しい手書きのフォントが必要になることがあります。Zoojaはお気に入りです。手書きのヘッダーで、簡単にデザインにスパイスを加えることができます。極端ですが、多くの場合、その価値があります！

##[25. Lust Pro](https://www.myfonts.com/fonts/positype/lust-pro/)

![Lust Pro font](https://miro.medium.com/max/700/1*Mci4B9Dc1sKSA6s6dCkYZw.png)

Playfair Display以外で、大胆でスタイリッシュなフォントを探していますか？もう探す必要はありません。Lust書体には、とても細いものからとても太いものまで、さまざまなウエイトがあります。

##おわりに

私のフォントリストを気に入ってもらえましたか？他のデザイナーにお勧めできるフォントを知っていたらコメントをください☺️

>訳注：コメントで、Grilli、 Displaay、Klim、Florian Karstenの書体ファウンドリ、Space Grotesk、Museo Sans、Museo Slabのフォント、<https://ezeefonts.com/>のサイトもおすすめされています。

UIを学びたいですか？「[**Designing Interfaces**](http://designingui.com/)」の本（読者の評価⭐️⭐️⭐️⭐️⭐️4.99）を手に入れましょう！UIデザインに関する最重要知識が500ページ以上に渡って掲載されています。私は、[デザインについて執筆していて](https://medium.com/@dianamalewicz)、デザイン重視のソフトウェアエージェンシー[HYPE4](https://hype4.com/)の👩🏻‍💻共同設立者であり主任デザイナーです。
>Michal Malewiczに謝意を表します。

##翻訳協力

この記事は以下の方々のご協力により公開する事ができました。改めて感謝致します。

Original Author: [Diana Malewicz](https://medium.com/@dianamalewicz) (<https://www.instagram.com/hype4academy/>)
Original Article: [The curated list of 25 amazing fonts for 2021](https://uxdesign.cc/the-curated-list-of-25-amazing-fonts-for-2021-fa768327cc94)
Thank you for letting us share your knowledge!

選定担当: @gracen
翻訳担当: @gracen
監査担当: -
公開担当: @gracen

##ご意見・ご感想をお待ちしております
今回の記事はいかがでしたか？
・こういう記事が読みたい
・こういうところが良かった
・こうした方が良いのではないか
などなど、率直なご意見を募集しております。
頂いたお声は、今後の記事の質向上に役立たせて頂きますので、お気軽に
コメント欄にてご投稿ください。[Twitter](https://twitter.com/BabyDegu?lang=ja)でもご意見を受け付けております。
皆様のメッセージをお待ちしております。