見出し画像

すてきなサイトで見かけた欧文GoogleFont 10選

すてきなサイトのなかで見かけた欧文Google Fontを10個集めました。
使っていたサイトや字体の特徴とあわせてご紹介します!


1. Open Sans

スクリーンショット 2020-04-08 19.39.25

(参考サイト:レバレジーズ株式会社

シンプルで読みやすく、使いやすいサンセリフのフォントです。
参考サイトのようなクールなデザインはもちろん、どんなデザインのサイトにも違和感なくなじみそう。持っていると便利なフォントです。

画像2

Open Sans Google Font


2. Rubik

スクリーンショット 2020-04-08 20.03.10

(参考サイト:HIRACO

Open Sansと同じく、シンプルでクセのないサンセリフのフォントです。
角に丸みがあるため、Open Sansよりも柔らかい雰囲気。参考サイトのようなナチュラルなデザインによくあいそうです。

画像6

Rubik Google Font


3. Poppins

スクリーンショット 2020-04-08 20.18.12

(参考サイト:madame FIGARO.jp

円形にできる部分は円形にした、コロンとおしゃれなサンセリフのフォント。参考サイトのように太字で使うとかっこいい印象ですし、細字で使うと繊細でかわいいイメージになります。読みやすさも◎

画像6

Poppins Google Font


4. Josefin Sans

スクリーンショット 2020-04-08 21.02.20

(参考サイト:STUDIOテンプレート「YELLOW COMPANY」

ややクセのあるサンセリフのフォント。
すっきりしているけどデザイン性が高めで、おしゃれでカジュアルな印象です。制作会社などの今っぽいサイトデザインにあいそう。

画像8

Josefin Sans Google Font


5. Barlow Semi Condensed

スクリーンショット 2020-04-08 21.08.35

(参考サイト:JINNAN HOUSE

縦に細長いサンセリフのフォントです。一見シンプルですがQやjなど特徴のある文字もあり、Josefin Sansとはまたちがったカジュアルな印象。
Tシャツとジーンズでもおしゃれに見える人みたいなフォントです。

画像8

Barlow Semi Condensed Google Font


6. Montserrat

スクリーンショット 2020-04-08 21.42.33

(参考サイト:Baca the Bacca

横幅が広いサンセリフフォント。どの文字も重心を下の方に置いている感じで、読みやすいのにポップな印象です。
子ども向けのサイトなど遊び心のあるデザインを引き立ててくれそう!

画像12

Montserrat Google Font


7. EB Garamond

スクリーンショット 2020-04-08 21.57.45

(参考サイト:山﨑建設工業株式会社 ※西暦の数字)

重厚な雰囲気のセリフ体のフォントです。Pや数字の9のくっつくところに隙間があったり、少しマイルドな印象もあります。
参考サイトのように歴史の長い企業や高級なホテルのサイトにぴったり。

画像19

EB Garamond Google Font


8. Cardo

スクリーンショット 2020-04-08 22.07.25

(参考サイト:Arts Meet Science

EB Garamondtoと同じく、重厚で高級感のあるセリフ体のフォントです。
飾り気もありますがEB Garamondtoと比べてかっちりした印象。法律や学問のような堅いジャンルと相性がよさそうです。

画像19

Cardo Google Font


9. Vollkorn

スクリーンショット 2020-04-09 10.37.53

(参考サイト:近畿大学病院 看護師募集案内

クセがなく読みやすいセリフ体のフォントです。
セリフ体らしい高級感はありますが、Cardoと比べると軽くて実用的な印象。イタリックにするとほどよく柔らかい雰囲気になります。

画像20

Vollkorn Google Font


10. Italianno

スクリーンショット 2020-04-08 22.12.38

(参考サイト:十文字学園100周年サイト

格調高い筆記体フォント。
可読性はあまり高くありませんが、参考サイトのように日本語の見出しテキストやアイコンに添えるなど、アクセントとして活躍しそうです。

画像20

Italianno Google Font


まとめ

Google Fontは便利ですが、たくさんありすぎてどれを使えばいいかわからない・・・なんてことも。
どんなデザインのサイトでどんなフォントが使われているのか日頃からチェックして、必要なときにパッと選べるようにしておきましょう!


この記事が気に入ったら、サポートをしてみませんか?
気軽にクリエイターの支援と、記事のオススメができます!
4
フリーランスWebデザイナー/サイト・バナー・アプリUIなどのデザインを制作しています。ポートフォリオ:
コメントを投稿するには、 ログイン または 会員登録 をする必要があります。