Shiro Kuro Inc.

Blog

Mar. 26, 2015

日本語Webフォトを使用している60のWebサ

日本語Webフォントが普及しはじめてから、およそ5年が経ち、企業サイトや個人ブログなどで徐々に見られるようになりました。ナビゲーションや見出しのみといった一部の利用から、本文を含めサイト全体で利用しているところもあります。今回はその日本語Webフォントが使われているサイトをまとめてみました。

ゴシック体が使われているWebサイト

クラウド歯科
Webフォント

AXIS

ナブコ自動ドア
Webフォント

AXIS

ARCHETYP Inc.
Webフォント

AXIS

S5-Style
Webフォント

AXIS Condensed

Apple
Webフォント

Apple TP

18ひきのペンギンたちデザイン事務所
Webフォント

源ノ角ゴシック

Pickles Inc.
Webフォント

源ノ角ゴシック

インフォバーン
Webフォント

ゴシックMB101

山口情報芸術センター 10周年記念祭
Webフォント

ゴシックMB101

BA
Webフォント

ゴシックMB101

VOGUE
Webフォント

ゴシックMB101

西友
Webフォント

UD新ゴ

スパイスボックス
Webフォント

TBゴシック

東京遺産
Webフォント

筑紫ゴシック

株式会社トンカチ
Webフォント

筑紫ゴシック

ピクシブ株式会社 採用サイト
Webフォント

筑紫ゴシック

札幌国際芸術祭 2014
Webフォント

中ゴシックBBB

株式会社ビー・エヌ・エヌ新社
Webフォント

中ゴシックBBB

Rikako Nagashima
Webフォント

太ゴB101

PRESENT
Webフォント

太ゴB101、中ゴシックBBB

株式会社おいかぜ
Webフォント

太ゴB101、中ゴシックBBB

東京都現代美術館
Webフォント

ナウGM

おやつキング
Webフォント

游ゴシック

Digital Garage
Webフォント

ロダン

KUSUKUSU 星野リゾート リゾナーレ熱海
Webフォント

Koruri

知リ100 Supported by オロナインH軟膏
Webフォント

M+ OUTLINE FONTS

丸ゴシック体が使われているWebサイト

mineo(マイネオ)
Webフォント

UD新丸ゴ

日本ケロッグ
Webフォント

スーラ

縁市 -えにしいち-
Webフォント

筑紫A丸ゴシック

生活定点1992-2014
Webフォント

筑紫A丸ゴシック

ドラマチック四街道プロジェクト
Webフォント

筑紫A丸ゴシック

coneri(こねり)
Webフォント

筑紫A丸ゴシック

Kotonoca(コトノカ)
Webフォント

筑紫A丸ゴシック

明朝体が使われているWebサイト

AQ
Webフォント

イワタ明朝体オールド

阿波藍 阿波藍×未来形プロジェクト
Webフォント

筑紫明朝

株式会社 凪
Webフォント

筑紫明朝

株式会社レインボー・ジャパン
Webフォント

筑紫明朝

PARTY
Webフォント

筑紫明朝

株式会社フブキ
Webフォント

筑紫オールド明朝

博多竹彩
Webフォント

筑紫オールド明朝

大江戸温泉物語グループ
Webフォント

F+UD-筑紫明朝

dia STANDARD
Webフォント

マティス

美容皮膚科タカミクリニック
Webフォント

リュウミン

灸PLUS
Webフォント

A1明朝

B&B
Webフォント

A1明朝

TWOTONE INC.
Webフォント

A1明朝

その他(複数使われているものやデザインフォント)

映画の言葉
Webフォント

ニューシネマ

井藤漢方製薬
Webフォント

イワタUDゴシック、筑紫明朝

Re:design
Webフォント

ゴシックMB101、リュウミン

霜降銀座商店街
Webフォント

秀英丸ゴシック、A1明朝

京都造形芸術大学 芸術学部 通信教育部
Webフォント

筑紫ゴシック、筑紫明朝

フィルムアート社
Webフォント

筑紫ゴシック、イワタ明朝体オールド

株式会社 〼々
Webフォント

筑紫ゴシック、筑紫明朝

MEFILAS Inc. 株式会社メフィラス
Webフォント

筑紫ゴシック、マティス

日本デザインセンター
Webフォント

中ゴシックBBB、リュウミン

電通報
Webフォント

見出ゴMB31、アンチックセザンヌ

フォントブログ
Webフォント

イワタUDゴシックなど

大日本タイポ組合
Webフォント

UD新ゴNT、角新行書、新丸ゴ エンボスなど

type.center
Webフォント

UD新ゴ、イワタ太明朝体、秀英丸ゴシックなど

まとめ

使われているフォントは、AXIS、ゴシックMB101、筑紫A丸ゴシック、筑紫明朝などが多く、明朝体よりもゴシック体の方が人気のようでした。無償で利用できてクオリティの高い源ノ角ゴシックも今後増えていきそうです。これらのサイトで使われているサービスはTypeSquareFONTWORKSFONTPLUSFonts.comなどで、それ以外のサービスはフォントブログの国内のWebフォントサービスまとめ - フォントブログに特徴も分かりやすくまとめられています。

日本語Webフォントは多くの場合定額で費用がかかること、そして読み込み処理の問題があります。ただメリットとしては、構築/更新のしやすさと文字の美しさを両立できるので、できるだけ使っていきたいと思いました。

執筆者:伊藤庄平
株式会社シロクロ代表取締役。デザイナー兼ディレクター。1979年2月福岡県生まれ。2003年、熊本にてデザイン事務所ナインデザインを共同設立。上京し、2010年に株式会社シロクロを設立。社団法人 日本グラフィックデザイナー協会(JAGDA)正会員。

UX/UIコンサルティング 品質管理サービス