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

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

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

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

note

最近流行りのブログサービスの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の代表作。

ニュース速報、エンタメ情報、スポーツ、政治まで、リアルタイムでフォローできます。…

font-family: Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, "MS Pゴシック", "MS PGothic", 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株式会社。

OHAKO Blog

OHAKO Blogはデザインカンパニーの株式会社オハコが運営するブログメディアです。UIUXデザイン、デザインプロセス…

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

Dwango クリエイターズブログ

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

dwango creators' blog(ドワンゴクリエイターズブログ)

ドワンゴデザイナーが運営しているクリエイターズブログです。フロントエンジニアリングやデザイン、ドワンゴのサービスについて…

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

DeNA クリエイターブログ

DeNAさんはどうでしょう。

DeNA ディー・エヌ・エー | Delight and Impact the World

株式会社ディー・エヌ・エー【DeNA】の公式ホームページです。DeNAのメディアをご紹介しています。…

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