人気サービスのfont-familyを調べてみた【2020年度版】

新しくサイトを作る際に検討するものの1つ。

それは「font-family」。要はフォントに何を選ぶか。

参考に人気サービス各社のcssを調べてみました。

note

最近流行りのブログサービスのnote。読みやすい文章を意識されているはず。

note(ノート)

クリエイターが文章やマンガ、写真、音声を投稿することができ、ユーザーはそのコンテンツを楽しんで応援できるメディアプラット…

font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,Hiragino Kaku Gothic ProN,Hiragino Sans,ヒラギノ角ゴ ProN W3,Arial,メイリオ,Meiryo,sans-serif;

Twitter

SNSの代表作。

X (formerly Twitter)

From breaking news and entertainment to sports and politics,…

font-family: "Segoe UI", Meiryo, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;

Facebook

SNSの代表作2。クロスデバイスを意識しています。

Facebook

Facebookにログインして、友達や家族と写真や近況をシェアしましょう。…

font-family: system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', "hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;

UX MILK

毎朝ちゃんと飲むUX。UXのことを考えるブログはどんなフォントか。

UX MILK

UX MILKは国内外のUX情報をお届けする、全てのクリエイターのためのUXメディアです。デザイン、プログラミング、マー…

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

OHAKO

UIUXに関する情報を発信するohako株式会社。

脆弱性診断(セキュリティ診断)のGMOサイバーセキュリティ byイエラエ

サイバーセキュリティの課題解決はGMOサイバーセキュリティ byイエラエ株式会社にお任せください。国内トップクラスのホワ…

font-family: Arial,Helvetica Neue,Helvetica,ヒラギノ角ゴ Pro W3,sans-serif; -moz-osx-font-smoothing: grayscale;

Dwango クリエイターズブログ

ドワンゴさんのブログ。おしゃれでとても読みやすい印象。

font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS PGothic", sans-serif;

DeNA クリエイターブログ

DeNAさんはどうでしょう。

font-family: '游ゴシック',YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',sans-serif;

 

となりのカインズさん

となりのカインズさん

となりのカインズさんは、ホームセンターCAINZが運営する、おせっかいなメディア。マニアックな専門家や著名人がDIY、ペ…

font-family: Yu Gothic,YuGothic,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ヒラギノ丸ゴ Pro,Hiragino Maru Gothic Pro,MS Pゴシック,Lucida Grande,Lucida Sans Unicode,Arial,Verdana,sans-serif

 

アイフル

カードローンやキャッシングのことなら消費者金融アイフル!24時間365日、WEB完結でお申込み可能です。お客様のニーズに…

font-family: source-han-sans-japanese,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"MS Pゴシック","MS PGothic",sans-serif

Fatal error: Uncaught Error: Call to undefined function set_post_views() in /home/jszk/desnote.com/public_html/wpjs/wp-content/themes/the-thor-child/single.php:658 Stack trace: #0 /home/jszk/desnote.com/public_html/wpjs/wp-includes/template-loader.php(78): include() #1 /home/jszk/desnote.com/public_html/wpjs/wp-blog-header.php(19): require_once('/home/jszk/desn...') #2 /home/jszk/desnote.com/public_html/index.php(17): require('/home/jszk/desn...') #3 {main} thrown in /home/jszk/desnote.com/public_html/wpjs/wp-content/themes/the-thor-child/single.php on line 658