こんにちは、@desnote_blogです。

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

それは「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;

Twitter

SNSの代表作。

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

Facebook

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 Pゴシック", "MS PGothic", sans-serif;

OHAKO

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

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

Dwango クリエイターズブログ

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

DeNA クリエイターブログ

DeNAさんはどうでしょう。

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

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)