Google FontsからWeb制作に使っている実用的なものをリストアップ

Google Fonts トップ画像

Google Fontsは僕が最も気に入っているフォントライブラリ。誰でもURL貼るだけでWeb Fontを使えるし、オープンライセンス(フォント毎に詳細は異なる)で利用制限もないから。

僕がフォントをリリースしたときも正にGoogle Fontsの仕組みと姿勢を手本にした。

手軽なぶんアカウント管理も無く、どのフォントを使っていたのか忘れがちなのでここに記録しておきたい。元々はMacのクリーンインストール手順4に含めていたけれどボリュームも多いので分離した。

Roboto

Roboto - Google Fonts 画像

Google製の欧文フォント。Androidアプリなどのマテリアルデザイン用。

Open Sans

Open Sans - Google Fonts 画像

定番の欧文ゴシック。ヒラギノやメイリオに混ぜても違和感がなく使いやすい。

Lato

Lato - Google Fonts 画像

定番の欧文ゴシック。

Amaranth

Amaranth

流れを感じる欧文ゴシック。

Oswald

Oswald - Google Fonts 画像

縦長の欧文ゴシック。DINのような使い勝手。

Montserrat

Montserrat - Google Fonts 画像

幅広めで存在感のある欧文ゴシック。見出しとして使いやすい。

Poppins

Poppins - Google Fonts 画像

固すぎず可愛すぎない欧文ゴシック。

Nunito

Nunito - Google Fonts 画像

ウェイトの豊富な欧文丸ゴシック。よくRounded M+と組み合わせて使っている。

Bungee

Bungee - Google Fonts 画像

欧文丸ゴシック。バランスが良い。

Fredoka One

Fredoka One - Google Fonts 画像

欧文丸ゴシック。かなり丸みが強くポップな印象。

Arvo

Arvo - Google Fonts 画像

ブロック感の強いセリフ体。Pugのサイトで使われていた。

Cormorant Garamond

Cormorant Garamond

セリフ体。美容関連の制作で使う。

Lobster

Lobster - Google Fonts 画像
Lobster 2 - Google Fonts 画像

カリグラフィっぽいフォント。バージョン2がリリースされていた。

Pacifico

Pacifico - Google Fonts 画像

筆記体フォント。Pinterestっぽい。

Cabin Sketch

Cabin Sketch - Google Fonts 画像

手書きゴシック。塗りも手書きになっているのが特徴的で、2ウェイト使える。

Caveat

Caveat - Google Fonts 画像
Caveat - Google Fonts 画像

可愛い印象の手書きフォント。

Homemade Apple

Homemade Apple - Google Fonts 画像

手書き筆記体。チョークのようなタッチが印象的。

余談

Google Fontsの公式サイト、閲覧者が膨大な上にすべてのGoogle Fontsをプレビューできる。よく考えたらすごいことだわ。

関連記事