YOUPLAN » フォント http://y-plan.jp bestmachi Tue, 10 Mar 2026 06:01:47 +0000 ja hourly 1 https://wordpress.org/?v=4.2.35 定番のGoogleフォントと使用しているコーポレートサイトのまとめ http://y-plan.jp/586 http://y-plan.jp/586#comments Thu, 10 Sep 2015 00:48:48 +0000 http://y-plan.jp/?p=586 こんにちは、Web担当のざきです。

今朝の天気予報によると、ここ相模原は本日、厚い雨雲の集中砲火を浴びるそうです。
猛烈な雨が窓を強く打つ様子を見ると少しワクワクしてきますが、出勤時にびちゃびちゃに濡れてしまった靴のことを思うと少しゆううつになります。
さて、今回は初めての更新です。サイト新設に向けて温めていた記事をここで使いたいと思います。

今回注目するのはGoogleのWebフォント提供サービス「Google Fonts」。
手軽に導入でき、商用・非商用ともに無償で利用できるので、私もいつも利用しています。
その何百ものフォントを無料で提供しているGoogleフォントの中から、定番のフォントと使用しているコーポレートサイトをご紹介します。

今回紹介するフォント

Open Sans
Roboto
Lato
Montserrat
Quicksand
Oswald

Open Sans

2015-09-10 9.37.52

Googleフォントの中でも圧倒的人気のフォントです。
5段階のウェイト。オーソドックスなサンセリフ系フォントなので、場所を選ばず使うことができます。

2015-09-10 9.55.23

Isobar Japan様

2015-09-10 9.55.24

COSPA CREATION様採用サイト

ダウンロードページ

Roboto

2015-09-10 9.37.53

「Open Sans」につづいて2番目に使われています。
読みやすくかつ、やや縦長なので、スマートフォン向けのウェブサイトとの相性良しです。
ウェイトが6段階もあるのでたいへん良い使い勝手になっています。

2015-09-10 9.55.25

ピーシーフェーズ様

ダウンロードページ

Lato

2015-09-10 9.37.54

「Open Sans」にとても似ています。
細いウェイトを細かく揃えており、行間も程よく詰められているので、すっきりした仕上がりになります。
数字がかわいいので個人的に気に入っており、現在のユープランのサイトでも利用しています。

2015-09-10 9.55.26

2015-09-10 9.55.27

ユープラン様

ダウンロードページ

Montserrat

2015-09-10 9.37.55

全体的にやや平たく、文字の丸い部分が正円に近い形になっています。
力強いフォントなので、見出し等にどうぞ。

2015-09-10 9.55.28

株式会社内池建設様

ダウンロードページ

Quicksand

2015-09-10 9.37.56

ウェイトは3段階。丸い書体なので、ポップなウェブサイト等に使えます。

あと「＆」がかわいい！

2015-09-10 9.55.29

ダウンロードページ

Oswald

2015-09-10 9.37.57

スタイリッシュで格好いいコンデンスドフォントです。
こちらも利用者がたいへん多いです。

2015-09-10 9.55.30

COSPA CREATION様採用サイト

ダウンロードページ

さいご

フォントを変えるだけでもサイトの雰囲気は大きく変わります。
簡単に導入できるので、皆さんも是非利用してみてください。

]]> http://y-plan.jp/586/feed 0