まずはこれを入れておけ！ダウンロードしておきたいオススメGoogle Fonts 10選

デザイン
2014.02.18
by

こんにちは、ハキリです。
ここ最近UXやグロースハック、スマホUIについてハイペースかつ真面目な記事が続いてますので、息抜きがてらオススメのGoogle fontsのご紹介をします！書体のバリエーションにお困りでしたらぜひ参考にしてみてくださいね。

RobotoやDroidシリーズ、Open sansといった紹介不要な著名なフォントは除いて、今回はサイトに組み込む以外のグラフィック表現にも使えそうなフォントを挙げてみました。そして挙げ出したらキリがない！ということで10個に厳選してご紹介していきます。それではどうぞ！

1. Asap

https://www.google.com/fonts/specimen/Asap

FrutigerやDroid sansのように視認性に特化させたカーブが特徴的で（組んでみるとDINぽさもありますね）、角丸加工が今らしさを演出してますね。視認性の良さ＆角丸の柔和な雰囲気は現代的なフラットデザインやモバイルを想定したデザインとも相性がよさそうです。

2.Bevan

https://www.google.com/fonts/specimen/Bevan

太めのエジプシャン書体です。海外でのディスプレイ表現では視認性の担保のためにセリフ(ウロコ＝文字の端にある広がりの装飾、明朝体を想像してください)とゴシックを掛け合わせたスラブ〜エジプシャン書体が選ばれる機会が増えているそうです。そのせいかこの手の書体はどこか海外の雰囲気が漂っていますね。インターナショナルなサイト表現が求められたり、力強さや男らしさを象徴するようなスポーツ表現に向いていそうです。

3.Bitter

https://www.google.com/fonts/specimen/Bitter

こちらはスラブ書体になります。Bevanが見出し向けであればこちらは本文向けでしょうか。欧文のwebフォントとなると見出しでの出番が多いと思いますが、セリフのおかげか小さい表記でも視認性を保ちつつ装飾性にも優れているので、日本語のサイト設計でもアクセントとして用いることができそうです。

4.Codystar

https://www.google.com/fonts/specimen/Codystar

ファッション性に優れた書体ですね。若さやかわいらしさを求められている場面であれば簡単なロゴ表現としても使用できそうです。

5.Cutive Mono

https://www.google.com/fonts/specimen/Cutive+Mono

一つは抑えておきたいタイプライター書体。サイトで直接使用する機会は少なそうですが(プログラミングの表現で出番があるかも？)、Codystar同様若さやかわいらしさを求められている場面で活躍しそうです。ちなみにMonoでない通常のフォントもありますが、細さやMonoの字間の雰囲気の良さから個人的にはMonoをオススメします！場面によって使い分けてくださいね。

6.Fjalla One

https://www.google.com/fonts/specimen/Fjalla+One

News Gothicを現代的＆ディスプレイ向けに仕上げた感じ、とでも言うべきでしょうか。コンデンス(長体)気味なので多めの字数を入れたい時や、表現として字間アキ気味で組むと抜け感が出て良い雰囲気になります。この手の書体も持っていると便利ですね。Trade Gothic〜News Gothicらへんの代替になりそうなフォントですとOswald、Pathway Gothic One、Six Caps(これはUnivers ultra condensed)も良さそうです。