SEO
投稿日:

Google web fontsの雰囲気別おすすめ30選!Webフォントを導入しよう!

Google web fontsの雰囲気別おすすめ30選!Webフォントを導入しよう!

こんにちは、ディレクターのせりなです。

どのパソコン、どのスマートフォンで見ても同じフォント(書体)で表示してくれて
種類も豊富、使い方も簡単といいところばかりのGoogle webフォント

そのGoogle webフォントから、独断と偏見でおすすめり30選をまとめてみたので
暇つぶし程度に見て行ってくださいなー!!!

目次
 1. 無機質で今っぽい細めゴシック
 2. ひょろっとした脱力系フォント
 3. スタイリッシュな王道Webフォント
 4. 意識高い系女子のための、意識高い系Webフォント
 5. お菓子の包装紙にありそうなsweets系Webフォント
 6. 古書に出てきそうなアンティーク書体
 7. スケッチみたいな温もりのあるWebフォント
 8. 手書きのサインみたいなゆるゆる系のWebフォント
 9. 今にも物語がはじまりそうなWebフォント
 10. 遊び心いっぱいの個性派Webフォント

Google webフォントの使い方はこちら


1. 無機質で今っぽい細めゴシック

個人的にはこの辺りのcafe系の無機質なフォントが好きです。
線が細くて目立ちにくいので大きいサイズで使うのがポイント。フラットデザインと相性抜群。

Google web fontsの無機質で今っぽい細めゴシック


2. ひょろっとした脱力系フォント

“スラっと”よりも、”ひょろっと”が似合う。痩せ型のメガネ男子みたいなWebフォント。
でもこういう気の抜けた感じ、嫌いじゃないよ。

Google web fontsのひょろっとした脱力系フォント


3. スタイリッシュな王道Webフォント

ブランド系やアクセサリーなどのファッション系サイトによく似合う
THE 王道!みたいなフォントも勿論そろっています。

Google web fontsのスタイリッシュな王道Webフォント


4. 意識高い系女子のための、意識高い系Webフォント

可愛いけど甘すぎない、大人女子向けのブリリアントなWebフォント。
よく見ると、隅々までこだわってるお洒落なフォントたちなんです。

Google web fontsの意識高い系女子のための、意識高い系Webフォント


5. お菓子の包装紙にありそうなsweets系Webフォント

まるっこくてキャンディーカラーが似合いそうな、とってもsweeetなWebフォント。
文字に存在感があるので、他サイトとのデザインの差別化にもってこい!

Google web fontsのお菓子の包装紙にありそうなまるっこいWebフォント


6. 古書に出てきそうなアンティーク書体

埃をかぶった洋書に載っていそうな、なんとも言えないいい味を出しているWebフォント。
よくよく見ると線が少しかすれていて、スタンプや印刷風にできています。

Google web fontsの古書に出てきそうなアンティーク書体


7. スケッチみたいな温もりのあるWebフォント

手書き風で尚且つ飾りっ気のあるフォントたち。
KIDS向けのサイトとか、芸術系のサイトに似合いそう。

Google web fontsのスケッチみたいな温もりのあるWebフォント


8. 手書きのサインみたいなゆるゆる系のWebフォント

ゆるさを出したいなら手書き風の文字がピッタリ。
文字の上に顔写真を配置すればあら不思議!何だかサインみたいな雰囲気が出ちゃう。

Google web fontsの手書きのサインみたいなゆるゆる系のWebフォント


9. 今にも物語がはじまりそうなWebフォント

ファンタジー系の映画や小説に使われていそうなWebフォント。
真ん中の文字なんて、Tim Burton監督リスペクトな人が作ったとしか思えない!

Google web fontsの今にも物語がはじまりそうなWebフォント


10. 遊び心いっぱいの個性派Webフォント

ファミコン時代のドット文字風や、ひと味違ったおしゃれ文字まで。
これが普通に文字として検索できるんだからすごい世の中よ。

Google web fontsの遊び心いっぱいの個性派Webフォント


さいごに

お気に入りは見つかりましたか?
[ Google Web Fonts ]には800種類以上もWebフォントがあるので
ぜひお気に入りのひとつを見つけてみてください!

FASTCODINGでは、Webフォントを使ったサイト制作も可能ですので
HTMLコーディングでお困りの際はお気軽にご連絡ください。

FASTCODING見積もりフォーム