新しくサイトを作る際に検討するものの１つ。
それは「font-family」。要はフォントに何を選ぶか。
参考に人気サービス各社のcssを調べてみました。
note
最近流行りのブログサービスのnote。読みやすい文章を意識されているはず。
font-family: -apple-system,BlinkMacSystemFont,Helvetica Neue,Segoe UI,Hiragino Kaku Gothic ProN,Hiragino Sans,ヒラギノ角ゴ ProN W3,Arial,メイリオ,Meiryo,sans-serif;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;SNSの代表作2。クロスデバイスを意識しています。
font-family: system-ui, -apple-system, BlinkMacSystemFont, '.SFNSText-Regular', "hiragino kaku gothic pro",meiryo,"ms pgothic",sans-serif;UX MILK
毎朝ちゃんと飲むUX。UXのことを考えるブログはどんなフォントか。
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "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 PGothic", sans-serif;DeNA クリエイターブログ
DeNAさんはどうでしょう。
font-family: '游ゴシック',YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
となりのカインズさん
となりのカインズさん
となりのカインズさんは、ホームセンターCAINZが運営する、おせっかいなメディア。マニアックな専門家や著名人がDIY、ペ…
font-family: Yu Gothic,YuGothic,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ヒラギノ丸ゴ Pro,Hiragino Maru Gothic Pro,ＭＳ Ｐゴシック,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 PGothic",sans-serif