2015年3月26日

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

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

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

» トップページ» ブログ一覧

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