creatersnest25

フラットデザインを作りたいときに役立ちそうなフリーフォント30選


昨今のトレンドと言ってもよいフラットデザイン。

フラットデザインのサイトに、マッチしそうなフォント30種類を集めてみました。
シンプルで洗練されたサイトデザインにお役立てください。

 

超極細ゴシック体

line font

画像出典:超極細ゴシック体

線の細さを追求したフォントです。
極細の直線が使用され、モダンな印象を受けます。

◯商用利用可能

 

ウェブフォントJapanSans

日本語ウェブフォント

画像出典:ウェブフォントJapanSans

字体は、すっきりと洗練されていて、読みやすいフォントです。
字の横幅が100%、90%、80%、70%で選べて、フォントの設定方法が丁寧に説明されているのも嬉しいですね。

◯商用利用可能

 

モトヤシーダ1

モトヤシーダ1

画像出典:モトヤシーダ1

直線が活かされた読みやすい字体ですね。

◯個人利用のみ、無料で使用可能

 

モトヤアポロ1

モトヤアポロ1

画像出典:モトヤアポロ1

読みやすさだけでなく、洗練されたイメージのある字体です。

◯個人利用のみ、無料で使用可能

 

Mgen+ (ムゲンプラス)

Mugen+

画像出典:Mgen+

M+ OUTLINE FONTS に、源ノ角ゴシックの漢字を補って作ったフォントが、Mgen+です。
使用できる漢字や記号などが、格段に増えています。

◯いくつかのフォントが組み合わされて作られていますので、各フォントのライセンスを確認の上、ご利用ください。

 

小瑠璃フォント

小瑠璃フォント

 

画像出典:小瑠璃フォント

M+ FONTSに、Open Sansの英数字を組み込んだフォントです。
はっきりと読みやすい字体ですね。

◯ライセンスを確認の上、ご利用ください。

 

IPAexフォント ゴシック体

IPAexゴシック

画像出典:IPAexフォント ゴシック体

読みやすいゴシック体の代表格とも言えるフォントです。

◯商用利用可能

 

ルイカ

イルカ

画像出典:ルイカ

シンプルな字体で、太さも選べるので、使い勝手がよいでしょう。

◯無料お試し版と有料版がありますので、用途に分けてお使いください。

 

スマートフォントUI+

スマートフォンUI1

画像出典:スマートフォントUI+

モダンで、デジタルな印象も出せるフォントです。

◯商用利用も無料です。

 

ロゴたいぷゴシック

ロゴたいぷゴシック

 

画像出典:ロゴたいぷゴシック

直線の要素もありますが、角が丸いため、柔らかさも感じられるフォントです。

◯商用利用可能

 

フロップデザインフォント+

フロップデザインフォント+

画像出典:フロップデザインフォント+

線に丸みがあるため、親しみやすいイメージのあるフォントです。

◯商用利用も無料です。

 

フォントポにほんご

フォントぽにほんご

画像出典:フォントポにほんご

デジタル感と柔らかいイメージを合わせ持つ、デザイン性の高いフォントです。

◯商用利用も無料です。

 

ぼくたちのゴシック

ぼくたちのゴシック

画像出典:ぼくたちのゴシック

フォント名も字体も、かわいいフォントですね。
字に曲線部分も多く、見ていてなんとなく和みます。

◯商用利用可能

 

 

Abel

abel

画像出典:Abel

美しくモダンなフォントです。

◯商用も可能ですが、SIL Open Font License (OFL)を確認の上、ご利用ください。

 

 

COLABORATE

colaborate

画像出典:COLABORATE

スタイリッシュで、細めの字体が使用されています。

◯ライセンスを確認の上、ご利用ください。

 

Cutive Mono

Cutive Mono

画像出典:Cutive Mono

昔のタイプライターで使われていたようなフォントです。
シンプルで美しく、非常に読みやすいですね。

◯SIL Open Font License, 1.1を確認の上、ご利用ください。

 

Lato

LATO

画像出典:Lato

読みやすくオシャレで、使いやすいフォントです。
太さの種類も多く、ストックしておくと重宝するでしょう。

◯SIL Open Font License, 1.1を確認の上、ご利用ください。

 

League Gothic

league gothic

画像出典:League Gothic

1900年代初めにデザインされたフォントを、リバイバルした字体です。
はっきりとしていて、目に入ってきやすいゴシック体ですね。

◯商用利用可能

 

Moderne Sans

moderne sans

画像出典:Moderne Sans

字に丸みを帯びてはいますが、シャープなイメージをもつフォントです。
1920年代のフォントに触発されて制作されたもの、とのことです。

◯商用利用も可能です。

 

Nilland

nilland

画像出典:Nilland

オシャレで洗練されたイメージのある字体です。
字の太さによって、大分印象が変わりますね。

◯個人利用においては、無料で使用いただけます。
商用利用したい場合は、ラインセンスを確認の上、ご使用ください。

 

 

Orbitron

orbtron

 

画像出典:Orbitron

近未来的なイメージのある、クールなフォントです。
サイトにデジタル感を出したいときに、使用してみてはいかがでしょうか。

◯ライセンスを確認の上、ご利用ください。

 

 

Open Sans Condensed

Open Sans Condensed

画像出典:Open Sans Condensed

細長い字体で、かっこいいイメージのあるフォントです。
字の太さが4種類あるので、シーンや作るもののイメージに沿って使い分けることができます。

◯Apache License, version 2.0を確認の上、ご利用ください。

 

Play

play

画像出典:Play

シンプルで見やすく、かっこいいフォントです。

◯SIL Open Font License, 1.1を確認の上、ご利用下さい。

 

Quantico

Quantico

画像出典:Quantico

デジタル感のあるユニークな字体です。

◯SIL Open Font License, 1.1を確認の上、ご利用ください。

 

 

Raleway

railway

画像出典:Raleway

丸みを帯びたデザイン性の高いゴシック体です。

◯ラインセンスを確認の上、ご利用ください。

 

Slabo

slabo

画像出典:Slabo

タイプライターの字のように見やすく、美しい字体です。

◯SIL Open Font License, 1.1を確認の上、ご利用ください。

 

Telegrafico

telegrafico

画像出典:Telegrafico

大文字のみのフォントで、見た目にインパクトがあります。

◯個人利用のみ、無料でお使い頂けます。

 

Titilium

titanium

画像出典:Titilium

細く直線的なラインがスタイリッシュなフォントです。

◯商用利用も可能ですが、SIL Open Font License (OFL)を確認の上、ご利用ください。

 

Ubuntu

Ubuntu

画像出典:Ubuntu

フォントの太さが多く、LightとBoldでは随分印象も違いますね。
目的によって使い分けも出来そうです。

◯ライセンスを確認の上、ご利用ください。

 

Yanone Kaffeesatz

 

Yanone Kaffeesatz

画像出典:Yanone Kaffeesatz

モダンでオシャレな印象のフォントです。
線の太さによって、雰囲気も違いますね。

◯商用利用可能

 

まとめ

いかがでしたでしょうか。

フラットデザインにおけるフォントは、イメージを左右するほど大きい役割を果たしていると言えるでしょう。
サイトに合うフォントを、妥協なく見つけてくださいね。

 

本サイトが運営するWebデザインのオンラインスクールが公開中!
以下のリンクからお申込みで、特別料金の70%OFF!

未経験からプロのWebデザイナーになる! 400レッスン以上の完全マスターコース
こちらのコースは全くの未経験の方が、プロのWebデザイナーとして働けるレベルになることを目的としたコースです。
・全422レッスン & 42時間! 通学スクール80万円相当の内容
・授業×チャレンジ課題で実践的なスキルが身につく!
・過去1100名以上のスクール卒業生を輩出した、 Webサービス運営企業・デザイナー輩出企業だからこそ作れるプログラム

Webやアプリの最新デザインツール Sketch3 |100レッスンの完全マスターコース
Sketch3未経験からプロレベルを目指す、充実したコースです。
Sketch3の単なる機能説明をするような、つまらないコースではなく、アイコン制作、ボタン作成、メインビジュアル制作、Webページの制作など、実際の制作をしながら実践力を身につけます。
1000名以上の卒業生がいる実績ある日本のWebデザインスクールが提供しています。


NESTonlineBlog編集部

NESTonlineBlog編集部です。ご寄稿頂いた記事などを公開していきます。

Next Article【豊富な数で大満足!】国内外の無料写真配布サイト集