どのフォントにするかで悩むあなたへ、個人的にオススメしたいGoogle Web Fonts

別の記事でGoogle Web Fontsの使い方について軽くまとめてみましたが、さすがに400を超えるフォントが揃っていることもあって、「コレ!」っていうものを選ぶのが、なかなか難しいんですよね。

そんなわけで、個人的な嗜好が思いっきり反映されちゃうセレクトではありますが、悩んでいる人にオススメしたいフォントを選んでみました。

Armata

Armata

標準的と言えば標準的なサンセリフ体のフォントです。

やや字詰めが広い感はありますが、全体的なバランス感としては結構いいかなと。

シンプルだけどもシュッとしたイメージを持たせたいというサイトに使ってみるとよさげ。

Google Web Fonts Armata

Quantico

Quantico

ちょっとカクカクっとした印象のフォント。普通に使うにしても、さほど変な印象にはならないかなと思います。

デジタル色の強いクールデザインのガジェット系サイトとかに合うかもしれません。

Google Web Fonts Quantico

Orbitron

Orbitron

Quanticoとはちょっと違いますが、方向的には同じようにクールなデジタル系サイトに使いたい、四角い印象のフォントです。

ミディアム、ボールド、ウルトラボールドとフォントウェイトが揃っているので使い勝手も良さそうです。

Google Web Fonts Orbitron

Crete Round

Crete Round

セリフ体のフォントですが、デフォルトのフォントがサンセリフ体の中で使ったとしても違和感なく使えるんじゃないでしょうか。

ちょっと新聞的というか雑誌的なデザインのサイトに使ってみたいですね。

Google Web Fonts Crete Round

Bad Script

Bad Script

かなり手書き感のあるフォント。油性ペンでさらさらっと書いたかのようなライトな感じがありますけど、なんとなくシャープなイメージもあります。

全体的なアクセントとして使うというよりかは、限定的なアクセントとして使えそう。

Google Web Fonts Bad Script

Rock Salt

Rock Salt

こちらも手書き系のフォントですが、Bad Scriptと違って力強さを感じさせます。

個人的にはフォトブログのデザインで、写真をポラロイド的な感じに仕立てて、そのキャプションに使ってみたりするとよさそうだなぁと思いますが、そうするとキャプション全部英語にしないといけなくてそれはそれでめんどいなっていう。

Google Web Fonts Rock Salt

Monoton

Monoton

なんですかね、どっちかっていうとロゴに使いたいフォントだなぁとも思いますが。

これも全体と言うよりは限定された箇所に使えるフォントじゃないでしょうかね。
CSS3のグラデーションを使ってちょいハデめにしてみてもいいかも。

Google Web Fonts Monoton

Play

Play

うちのブログで使ってるのがコレ。かなり使い勝手がいいかなと。

フォントウェイトは、画像のノーマルに割と太めのボールドが用意されていますよ。
どうもGoogle Web Fontsでもポピュラーなフォントみたいです。

Google Web Fonts Play

と、わずか8つですが、一応400超のフォントをざらーっと見て引っかかったものを選んでみました。

ただ、サイトのデザインによって選ぶフォントは全然変わってしまいますし、個人的嗜好が強すぎるので適当に参考になってくれれば程度でまとめたものと思ってください。

うーん、フォント選びは難しいですな。

「デザイン」新着記事

Font Awesome 4.5.0がリリース Googleアイコンなど最新のデザインに変更

ホシナ カズキ

アイコンWebフォント「Font Awesome」が66アイコンを追加したバージョン4.4.0を公開

ホシナ カズキ

iPhone 6/iPhone 6 PlusやiOS 8、Apple Watchのモックアップ用PSD素材

ホシナ カズキ

もっと見る

モバデビはモバイルやウェブのネタ、ニュースMaciPhoneなどのApple関連、WordPressのことなど、いろいろ書く雑食系ブログメディア。
ためになるかもしれないし、ならないかもしれない。そこそこ更新してますそこそこ。

このブログについてもっと詳しく