零弐壱蜂

[CSS] 国内の主要サイトのfont-familyを調べてみた

4 min read

日本語のfont-familyを設定するにあたり、他のサイトはどうなっているのか気になったので調べてみた。

日本の主要サイトとは

そもそも、日本の主要サイトとは何ぞや。まずはそこから調べてみた。 日本なら Yahoo! Japan とか……? 何も根拠が無いのに調べても無駄なので、サイトのアクセス数などの調査として有名な Alexaを参考にすることにした。

Alexa - Top Sites in Japan

「Alexa - Top Sites in Japan」に Top Sites in Japan として国別のランキングが載っている。 他にもカテゴリ別やら世界ランキングなどあるが、今回の調査で軸にあるのはfont-familyに設定されている日本語フォントなので国別ランキング(日本)で調べることにする。

日本の主要サイト(2014 年 4 月現在)

今現在の主要サイトは以下の通り。

  1. Yahoo.co.jp
  2. Google.co.jp
  3. Google.com
  4. Amazon.co.jp
  5. Youtube.com
  6. Fc2.com
  7. Facebook.com
  8. Rakuten.co.jp
  9. Wikipedia.org
  10. Ameblo.jp
  11. Livedoor.com
  12. Nicovideo.jp
  13. Goo.ne.jp
  14. Naver.jp
  15. Twitter.com

10 サイトとしたかったが、いくつか調査として問題がありそうだったのでトップ 15 サイトをピックアップした。

Google.com だが、ここは Google.co.jp にリダイレクトされているし、そもそも Google.com の方は日本語が含まれていないので調査対象から外すことにする。

Wikipedia.org はトップページが各言語へのランディングとなっているので日本語のトップページを調査する。

Naver.jp は "http://www.naver.jp/" でアクセスすると「検索・辞書関連サービス終了のお知らせ」にページに飛んでしまう。Alexa の"Where do visitors go on naver.jp?"を確認すると、matome.naver.jp (96.64%) とあるので調査するのは "matome.naver.jp" とする。トラフィック情報を確認すると、2013 年～現在までアクセスは順調に伸びている。検索サービスが終了した 2013 年 12 月 18 日以降もトラフィックに影響がないことを考えると「Naver まとめ」を調べて良さそう。

また、国内で人気のブログサービスがランキングの中に含まれており、そこのトップページのfont-familyを調べるのは少々気になるが埒が明かないのでこれらについては調査する。

font-family 一覧

各サイトの CSS の font-family を調べた。 計算後の値を拾ってみた。もしかしたらズレがあるかもしれない。

Yahoo.co.jp

font-family: "MS PGothic", "Osaka", Arial, sans-serif;

Google.co.jp

font-family: arial, sans-serif;

Amazon.co.jp

font-family: Arial, Verdana, "Helvetica Neue", Helvetica, sans-serif;

Youtube.com

font-family: arial, sans-serif;

Fc2.com

font-family: Verdana, Arial, Helvetica, sans-serif;

Facebook.com

font-family: Helvetica, Arial, "lucida grande", tahoma, verdana, arial,
  "hiragino kaku gothic pro", meiryo, "ms pgothic", sans-serif;

Rakuten.co.jp

font-family: "MS PGothic";

Wikipedia.org

font-family: sans-serif;

### Ameblo.jp

```css
font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;

Livedoor.com

font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI",
  "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;

Nicovideo.jp

font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
  Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

Goo.ne.jp

font-family: Osaka, Arial, Helvetica, sans-serif;

Naver.jp

font-family: Meiryo, "MS PGothic", arial, sans-serif;

Twitter.com

font-family: Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka,
  "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

関連