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

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

*

クラウド歯科

http://cloud-dental-clinic.com

Webフォント

AXIS

*

ナブコ自動ドア

https://nabco.nabtesco.com/

Webフォント

AXIS

*

ARCHETYP Inc.

http://www.archetyp.jp/

Webフォント

AXIS

*

S5-Style

http://www.s5-style.com/

Webフォント

AXIS Condensed

*

Apple

https://www.apple.com/jp/

Webフォント

Apple TP

*

18ひきのペンギンたちデザイン事務所

http://pppppppppppppppppp.in/

Webフォント

源ノ角ゴシック

*

Pickles Inc.

http://pickles.tv/

Webフォント

源ノ角ゴシック

*

インフォバーン

http://www.infobahn.co.jp/

Webフォント

ゴシックMB101

*

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

http://10th.ycam.jp/

Webフォント

ゴシックMB101

*

BA

http://www.b-architects.com/

Webフォント

ゴシックMB101

*

VOGUE

http://www.vogue.co.jp/

Webフォント

ゴシックMB101

*

西友

http://www.seiyu.co.jp/

Webフォント

UD新ゴ

*

スパイスボックス

http://www.spicebox.co.jp/

Webフォント

TBゴシック

*

東京遺産

http://www.saiyou2.metro.tokyo.jp/pc/tokyoisan/

Webフォント

筑紫ゴシック

*

株式会社トンカチ

http://tonkati.jp/

Webフォント

筑紫ゴシック

*

ピクシブ株式会社 採用サイト

http://recruit.pixiv.net/

Webフォント

筑紫ゴシック

*

札幌国際芸術祭 2014

http://www.sapporo-internationalartfestival.jp/2014/

Webフォント

中ゴシックBBB

*

株式会社ビー・エヌ・エヌ新社

http://www.bnn.co.jp/

Webフォント

中ゴシックBBB

*

Rikako Nagashima

http://rikako-nagashima.com/

Webフォント

太ゴB101

*

PRESENT

http://presnt.jp/

Webフォント

太ゴB101、中ゴシックBBB

*

株式会社おいかぜ

http://www.oikaze.jp/

Webフォント

太ゴB101、中ゴシックBBB

*

東京都現代美術館

http://www.mot-art-museum.jp/

Webフォント

ナウGM

*

おやつキング

http://oyatsuking.jp/

Webフォント

游ゴシック

*

Digital Garage

http://www.garage.co.jp/ja/

Webフォント

ロダン

*

KUSUKUSU 星野リゾート リゾナーレ熱海

http://risonare-atami.com/kusukusu/

Webフォント

Koruri

*

知リ100 Supported by オロナインH軟膏

http://shiri100.jp/

Webフォント

M+ OUTLINE FONTS

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

*

mineo(マイネオ)

http://mineo.jp/

Webフォント

UD新丸ゴ

*

日本ケロッグ

http://www.kelloggs.jp/ja_JP/home.html

Webフォント

スーラ

*

縁市 -えにしいち-

http://enishiichi.com/

Webフォント

筑紫A丸ゴシック

*

生活定点1992-2014

http://seikatsusoken.jp/teiten2014/

Webフォント

筑紫A丸ゴシック

*

ドラマチック四街道プロジェクト

http://www.dramaticyotsukaido.com/

Webフォント

筑紫A丸ゴシック

*

coneri(こねり)

http://coneri.jp/

Webフォント

筑紫A丸ゴシック

*

Kotonoca(コトノカ)

http://www.kotonoca.com/

Webフォント

筑紫A丸ゴシック

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

*

AQ

http://www.aqworks.com/ja/

Webフォント

イワタ明朝体オールド

*

阿波藍 阿波藍×未来形プロジェクト

http://awa-ai-saiko.com/

Webフォント

筑紫明朝

*

株式会社 凪

http://nagi.tv/

Webフォント

筑紫明朝

*

株式会社レインボー・ジャパン

https://www.rainbow.co.jp/

Webフォント

筑紫明朝

*

PARTY

http://prty.jp/

Webフォント

筑紫明朝

*

株式会社フブキ

http://www.fubuki.com/

Webフォント

筑紫オールド明朝

*

博多竹彩

http://www.hakata-chikusai.jp/

Webフォント

筑紫オールド明朝

*

大江戸温泉物語グループ

http://www.ooedoonsen.jp/

Webフォント

F+UD-筑紫明朝

*

dia STANDARD

http://www.diastandard.com/

Webフォント

マティス

*

美容皮膚科タカミクリニック

http://www.takamiclinic.com/

Webフォント

リュウミン

*

灸PLUS

http://kyu-plus.jp/

Webフォント

A1明朝

*

B&B

http://bookandbeer.com/

Webフォント

A1明朝

*

TWOTONE INC.

http://www.twotone.jp/

Webフォント

A1明朝

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

*

映画の言葉

http://eiganokotoba.jp/

Webフォント

ニューシネマ

*

井藤漢方製薬

http://www.itohkampo.co.jp/

Webフォント

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

*

Re:design

http://www.re-d.jp/

Webフォント

ゴシックMB101、リュウミン

*

霜降銀座商店街

http://www.shimofuri-ginza.com/

Webフォント

秀英丸ゴシック、A1明朝

*

京都造形芸術大学 芸術学部 通信教育部

http://www.kyoto-art.ac.jp/t/

Webフォント

筑紫ゴシック、筑紫明朝

*

フィルムアート社

http://filmart.co.jp/

Webフォント

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

*

株式会社 〼々

http://masu2.jp/

Webフォント

筑紫ゴシック、筑紫明朝

*

MEFILAS Inc. 株式会社メフィラス

http://mefilas.com/

Webフォント

筑紫ゴシック、マティス

*

日本デザインセンター

http://www.ndc.co.jp/

Webフォント

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

*

電通報

http://dentsu-ho.com/

Webフォント

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

*

フォントブログ

http://blog.petitboys.com/

Webフォント

イワタUDゴシックなど

*

大日本タイポ組合

http://dainippon.type.org/

Webフォント

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

*

type.center

http://type.center/

Webフォント

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

まとめ

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

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