日本語Webフォントが普及しはじめてから、およそ5年が経ち、企業サイトや個人ブログなどで徐々に見られるようになりました。ナビゲーションや見出しのみといった一部の利用から、本文を含めサイト全体で利用しているところもあります。今回はその日本語Webフォントが使われているサイトをまとめてみました。
ゴシック体が使われているWebサイト
![*](https://images.microcms-assets.io/assets/1e4f42cd4a7448ed956af7d73e3182ed/fab511c775be44a9ae5deed3723b11d9/1.jpg?w=300&h=200)
![*](https://images.microcms-assets.io/assets/1e4f42cd4a7448ed956af7d73e3182ed/1580fbdf7fb048c6899f1bb4b2e5f85d/2.jpg?w=300&h=200)
![*](https://images.microcms-assets.io/assets/1e4f42cd4a7448ed956af7d73e3182ed/9dbde17d4c204a3f836fc1299f819c17/3.jpg?w=300&h=200)
![*](https://images.microcms-assets.io/assets/1e4f42cd4a7448ed956af7d73e3182ed/c2cd3be842624bf886a23abd9069b9f8/4.jpg?w=300&h=200)
![*](https://images.microcms-assets.io/assets/1e4f42cd4a7448ed956af7d73e3182ed/ed2fa88cb7044bd4b987e1adfa980b32/25.jpg?w=300&h=200)
![*](https://images.microcms-assets.io/assets/1e4f42cd4a7448ed956af7d73e3182ed/e366b886833f467eaceac1712bf4e25b/5.jpg?w=300&h=200)
![*](https://images.microcms-assets.io/assets/1e4f42cd4a7448ed956af7d73e3182ed/7ef81d29ebd64e8fbde8a1ab76643201/6.jpg?w=300&h=200)
![*](https://images.microcms-assets.io/assets/1e4f42cd4a7448ed956af7d73e3182ed/d83f349551ec4020a3c64c6111c9837e/7.jpg?w=300&h=200)
![*](https://images.microcms-assets.io/assets/1e4f42cd4a7448ed956af7d73e3182ed/bc3ee966bd00424995e7cf39c311a8c7/8.jpg?w=300&h=200)
![*](https://images.microcms-assets.io/assets/1e4f42cd4a7448ed956af7d73e3182ed/40c8eee980ca41a9808b882b60e76ebf/9.jpg?w=300&h=200)
![*](https://images.microcms-assets.io/assets/1e4f42cd4a7448ed956af7d73e3182ed/d8250868307142cdaf0a66ac2ec10396/10.jpg?w=300&h=200)
![*](https://images.microcms-assets.io/assets/1e4f42cd4a7448ed956af7d73e3182ed/d2f34dc5e7eb4927a929510310bd640a/12.jpg?w=300&h=200)
![*](https://images.microcms-assets.io/assets/1e4f42cd4a7448ed956af7d73e3182ed/79de91db33ed4c67bb7b7535613afc6a/14.jpg?w=300&h=200)
![*](https://images.microcms-assets.io/assets/1e4f42cd4a7448ed956af7d73e3182ed/78f4c2f7c357461c8b2d1340410c4ab7/13.jpg?w=300&h=200)
![*](https://images.microcms-assets.io/assets/1e4f42cd4a7448ed956af7d73e3182ed/a2f869850e834d018644cece5f4efe03/15.jpg?w=300&h=200)
![*](https://images.microcms-assets.io/assets/1e4f42cd4a7448ed956af7d73e3182ed/57e11728805a47109fab63fc090acc3e/16.jpg?w=300&h=200)
![*](https://images.microcms-assets.io/assets/1e4f42cd4a7448ed956af7d73e3182ed/81100652c550427ba527afca4c33efe6/17.jpg?w=300&h=200)
![*](https://images.microcms-assets.io/assets/1e4f42cd4a7448ed956af7d73e3182ed/0b71bc2cc0d74cc2a47be872c071c278/18.jpg?w=300&h=200)
![*](https://images.microcms-assets.io/assets/1e4f42cd4a7448ed956af7d73e3182ed/a0ee42e1697044d2906bc42ecaac6ca6/19.jpg?w=300&h=200)
![*](https://images.microcms-assets.io/assets/1e4f42cd4a7448ed956af7d73e3182ed/ae692e9de8f34dc4b62d84e275df8968/20.jpg?w=300&h=200)
![*](https://images.microcms-assets.io/assets/1e4f42cd4a7448ed956af7d73e3182ed/f6b85eaebbb14ed38ac7b414316e7993/21.jpg?w=300&h=200)
![*](https://images.microcms-assets.io/assets/1e4f42cd4a7448ed956af7d73e3182ed/5275b850cc8a44eeb281bcdcae5f4cb5/22.jpg?w=300&h=200)
![*](https://images.microcms-assets.io/assets/1e4f42cd4a7448ed956af7d73e3182ed/1948e49206a94642a36905b0f91d4aaa/23.jpg?w=300&h=200)
![*](https://images.microcms-assets.io/assets/1e4f42cd4a7448ed956af7d73e3182ed/311c77efacc6414aa82850e802b09b8b/24.jpg?w=300&h=200)
![*](https://images.microcms-assets.io/assets/1e4f42cd4a7448ed956af7d73e3182ed/d8c9b18bac04434b9758c60345f63ed6/26.jpg?w=300&h=200)
![*](https://images.microcms-assets.io/assets/1e4f42cd4a7448ed956af7d73e3182ed/ae894cdacab1455a995ed986a5be998c/27.jpg?w=300&h=200)
丸ゴシック体が使われているWebサイト
![*](https://images.microcms-assets.io/assets/1e4f42cd4a7448ed956af7d73e3182ed/fb5cb859b8884079a3c0fea00e639c56/28.jpg?w=300&h=200)
![*](https://images.microcms-assets.io/assets/1e4f42cd4a7448ed956af7d73e3182ed/1db0c6855d5e4cd6a4191ec0f007e5ca/29.jpg?w=300&h=200)
![*](https://images.microcms-assets.io/assets/1e4f42cd4a7448ed956af7d73e3182ed/925be3f3fa414d3caa826282040edfb1/30.jpg?w=300&h=200)
![*](https://images.microcms-assets.io/assets/1e4f42cd4a7448ed956af7d73e3182ed/a6341fda62534612b0be668c7fa305ef/31.jpg?w=300&h=200)
![*](https://images.microcms-assets.io/assets/1e4f42cd4a7448ed956af7d73e3182ed/5e98c7c5b6a24341a2c8b1ec158f5f1a/32.jpg?w=300&h=200)
![*](https://images.microcms-assets.io/assets/1e4f42cd4a7448ed956af7d73e3182ed/f025028b9f334999acf7833cc83f82f8/33.jpg?w=300&h=200)
![*](https://images.microcms-assets.io/assets/1e4f42cd4a7448ed956af7d73e3182ed/f1f6c2d9c2304557bd7583c926e70227/34.jpg?w=300&h=200)
明朝体が使われているWebサイト
![*](https://images.microcms-assets.io/assets/1e4f42cd4a7448ed956af7d73e3182ed/186d4d8f34d8405fabe5c830765a2054/35.jpg?w=300&h=200)
![*](https://images.microcms-assets.io/assets/1e4f42cd4a7448ed956af7d73e3182ed/581cc8a531bc4961adbe97abdff7e43b/36.jpg?w=300&h=200)
![*](https://images.microcms-assets.io/assets/1e4f42cd4a7448ed956af7d73e3182ed/90e2c5417464435986f2089d4a63d042/37.jpg?w=300&h=200)
![*](https://images.microcms-assets.io/assets/1e4f42cd4a7448ed956af7d73e3182ed/3ddb72f508794b34b943cf9568bce243/38.jpg?w=300&h=200)
![*](https://images.microcms-assets.io/assets/1e4f42cd4a7448ed956af7d73e3182ed/3b1ce8bde96949fbbec0ecd45c431292/39.jpg?w=300&h=200)
![*](https://images.microcms-assets.io/assets/1e4f42cd4a7448ed956af7d73e3182ed/bea65ba9b3424ee9a2da65ee66bb25e1/40.jpg?w=300&h=200)
![*](https://images.microcms-assets.io/assets/1e4f42cd4a7448ed956af7d73e3182ed/c4930221afb7402da53e915dfc1521bd/41.jpg?w=300&h=200)
![*](https://images.microcms-assets.io/assets/1e4f42cd4a7448ed956af7d73e3182ed/f0a0c54c89544ba5ac8e8eb9a16ac35d/42.jpg?w=300&h=200)
![*](https://images.microcms-assets.io/assets/1e4f42cd4a7448ed956af7d73e3182ed/c7ed9f2842784ab7990e44cfe1891cfb/43.jpg?w=300&h=200)
![*](https://images.microcms-assets.io/assets/1e4f42cd4a7448ed956af7d73e3182ed/146f8dba3d1e4c999b4758f726130fec/44.jpg?w=300&h=200)
![*](https://images.microcms-assets.io/assets/1e4f42cd4a7448ed956af7d73e3182ed/c48fc6bf685a402884d167aed2c433a0/45.jpg?w=300&h=200)
![*](https://images.microcms-assets.io/assets/1e4f42cd4a7448ed956af7d73e3182ed/72ca23e820c44d499017057d68f89730/46.jpg?w=300&h=200)
![*](https://images.microcms-assets.io/assets/1e4f42cd4a7448ed956af7d73e3182ed/922fe8811bb44c6da22a760516a19010/47.jpg?w=300&h=200)
その他(複数使われているものやデザインフォント)
![*](https://images.microcms-assets.io/assets/1e4f42cd4a7448ed956af7d73e3182ed/741343a7219747b0af206a983b77d62c/48.jpg?w=300&h=200)
![*](https://images.microcms-assets.io/assets/1e4f42cd4a7448ed956af7d73e3182ed/1cb5f30675014c83a14f368e9f905bfc/49.jpg?w=300&h=200)
![*](https://images.microcms-assets.io/assets/1e4f42cd4a7448ed956af7d73e3182ed/9fcb85e7fc6446608a906de08b72c372/50.jpg?w=300&h=200)
![*](https://images.microcms-assets.io/assets/1e4f42cd4a7448ed956af7d73e3182ed/01dfb053aeb24bf08b7959c2c0a76499/51.jpg?w=300&h=200)
![*](https://images.microcms-assets.io/assets/1e4f42cd4a7448ed956af7d73e3182ed/f3a750887d0b434b858b2fec9f838323/52.jpg?w=300&h=200)
![*](https://images.microcms-assets.io/assets/1e4f42cd4a7448ed956af7d73e3182ed/c25e7e1bf2374d0cbb7f11e2031c7a70/53.jpg?w=300&h=200)
![*](https://images.microcms-assets.io/assets/1e4f42cd4a7448ed956af7d73e3182ed/3f1c5c8c301841fca83c216b0f16c34e/54.jpg?w=300&h=200)
![*](https://images.microcms-assets.io/assets/1e4f42cd4a7448ed956af7d73e3182ed/63d0ec79f60a4a5fae314d873f8ec856/55.jpg?w=300&h=200)
![*](https://images.microcms-assets.io/assets/1e4f42cd4a7448ed956af7d73e3182ed/e681e3c6cb2547b2adb981922cde3a4a/56.jpg?w=300&h=200)
![*](https://images.microcms-assets.io/assets/1e4f42cd4a7448ed956af7d73e3182ed/42376849cc5d40a5b4091f4ab5cd5b3c/57.jpg?w=300&h=200)
![*](https://images.microcms-assets.io/assets/1e4f42cd4a7448ed956af7d73e3182ed/5abe9d235c4b4e39be6d0d4554dd1bd0/59.jpg?w=300&h=200)
![*](https://images.microcms-assets.io/assets/1e4f42cd4a7448ed956af7d73e3182ed/0789f6bb6a744bb7b0f80eb1f7429c02/58.jpg?w=300&h=200)
![*](https://images.microcms-assets.io/assets/1e4f42cd4a7448ed956af7d73e3182ed/67f281e239de47e8a6e4a431e6478f03/60.jpg?w=300&h=200)
まとめ
使われているフォントは、AXIS、ゴシックMB101、筑紫A丸ゴシック、筑紫明朝などが多く、明朝体よりもゴシック体の方が人気のようでした。無償で利用できてクオリティの高い源ノ角ゴシックも今後増えていきそうです。これらのサイトで使われているサービスはTypeSquare、FONTWORKS、FONTPLUS、Fonts.comなどで、それ以外のサービスはフォントブログの国内のWebフォントサービスまとめ - フォントブログに特徴も分かりやすくまとめられています。
日本語Webフォントは多くの場合定額で費用がかかること、そして読み込み処理の問題があります。ただメリットとしては、構築/更新のしやすさと文字の美しさを両立できるので、できるだけ使っていきたいと思いました。