あの大手サイトは、文章部分にどのようなフォント指定（font-family）をしているのか？

先日、サイトの文章部分のフォントは何がいいんだろう？と、ふと思いました。

というのも、文章部分のフォントは、読み手にとって読みやすい、負担にならないフォントの方がいいと思うからです。

そんなわけで「多くの人に読まれている大手サイトは、どんなフォントを使っているのだろう？」と調べてみることにしました。（※先に書いときますが、あまり参考になる結果ではないと思います。）

ニュースサイト

とりあえず、多くの人に文字が読まれるサイトと言えば、新聞記事などのニュースサイトです。

Yahoo!ニュース記事本文

font-family: “メイリオ”,”Hiragino Kaku Gothic Pro”,Meiryo,”ヒラギノ角ゴ Pro W3″,”MS PGothic”,”MS UI Gothic”,Helvetica,Arial,sans-serif;

日本語名だけだったり、アルファベット名,日本語名の順番になっていたり、ちょっとちぐはぐな感じがします。

読売新聞

font-family: “Helvetica Neue”,Helvetica,Arial,sans-serif;

朝日新聞

font-family: sans-serif;

毎日新聞

font-family: Meiryo,”Hiragino Kaku Gothic ProN”,sans-serif;

日本経済新聞

font-family: ‘ヒラギノ角ゴ Pro W3′,’Hiragino Kaku Gothic Pro’,’ＭＳＰゴシック’,sans-serif;

MSN産経ニュース

font-family: “Meiryo”,”メイリオ”,”MS PGothic”,”MS Pゴシック”,Osaka,sans-serif;

アルファベット名,日本語名の順番になっています。

SNSサイトとか

今や多くの人が、利用し、文章を打ったり読んだりするSNSサイトのフォント指定。

Twitterのつぶやき部分

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

Facebookの文章

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

Google＋

font-family: Roboto,arial,sans-serif;

はてなブックマーク

font-family: Helvetica,Arial,’ヒラギノ角ゴ Pro W3′,Hiragino Kaku Gothic Pro,sans-serif;

Pocket

font-family: chaparral-pro,serif;

大手ブログ

読者の多い大手ブログの文章部分のフォント指定。TopHatenarのトップ10位以内にあったブログをピックアップ。

ギズモード・ジャパン

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

GIGAZINE（ギガジン）

font-family: ‘ヒラギノ角ゴ Pro W3′,’Hiragino Kaku Gothic Pro’,Segoe UI,Verdana,Arial,Helvetica,’ＭＳＰゴシック’,sans-serif,MS UI Gothic;

ライフハッカー［日本版］

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

運営が一緒なので、ギズモードと同じですね。

コリス

コリス | サイト制作に関する最新の情報をご紹介

font-family: sans-serif;

S-MAX（エスマックス）

S-MAX（エスマックス） – スマートフォンとモバイルを活用するブログメディア

font-family: Verdana,sans-serif;

その他

文章メインではありませんが、一応ユーザーが多そうなサービスや、ショッピングサイトの文章箇所のフォントも調べてみました。

CSSのfont-family指定はこれで決まり！（2013春） – 遠近法ノートに書かれていますが、文章メインのサイトのフォント指定の参考にはならないと思います。

大手サイトは参考にしない。
Yahoo!とかAmazonとかAppleとか、古くからある大手サイトのfont-family指定は、お手本になりません。
担当になったつもりで考えれば想像がつくと思いますが、大元のCSSを変えたらいろんなところに影響が出るかもしれないわけで、そんなリスクを取りたくはないですよね？
あの手のサイトは、ずっと大昔の指定をそのまま残しているだけです。今からまねをしてはいけません。