有名SNS(フェイスブック、インスタグラム、ツイッター)のフォントとフォントサイズまとめ!

意外とこの記事がクリックされていたので、内容を追加しております。

昔から「フォントを変えれば雰囲気が変わる!」と言われていましたね!
なので個人的に気になったので、各SNS(フェイスブック、インスタグラム、ツイッター)のフォントとフォントサイズ、他もろもろをまとめました。
何かしらで皆さんのお役に立てばいいです(^^)

Facebook

<PC>
タイムライン画面
サムネイル:40px×40px
本文
フォント:Helvetica, Arial, “hiragino kaku gothic pro”,meiryo,”ms pgothic”,sans-serif
フォントサイズ:14px
line-height:19.32px
プロフィール画面
サムネイル:168px×168px
バック背景:851px×315px

<スマホ>
サムネイル:40px×40px
本文
フォント: Roboto, ‘Droid Sans’, Helvetica, “hiragino kaku gothic pro”,meiryo,”ms pgothic”,sans-serif;
フォントサイズ:14px
line-height:18px

インスタグラム

<PC>
タイムライン画面
サムネイル:30px×30px
本文
フォント:-apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, Helvetica, Arial, sans-serif
フォントサイズ:14px
line-height:18px
プロフィール画面

<スマホ>
サムネイル:30px×30px
本文
フォント:Helvetica, Arial, “hiragino kaku gothic pro”,meiryo,”ms pgothic”,sans-serif
フォントサイズ:14px
フォントウェイト:400
line-height:18px

ツイッター

<PC>
タイムライン画面
サムネイル:72px×72px
本文
フォント:Arial, “ヒラギノ角ゴ Pro W3”, “Hiragino Kaku Gothic Pro”, Osaka, メイリオ, Meiryo, “MS Pゴシック”, “MS PGothic”, sans-serif;
フォントサイズ:14px
line-height:20px
プロフィール画面

<スマホ>
サムネイル:45.94px×45.94px
本文
フォント:Arial, “ヒラギノ角ゴ Pro W3”, “Hiragino Kaku Gothic Pro”, Osaka, メイリオ, Meiryo, “MS Pゴシック”, “MS PGothic”, sans-serif
フォントサイズ:14px
line-height:18px

まとめ

以上が大きな3つのSNSのフォント、フォントサイズ、他もろもろです。
一つ一つを詳しく見てみるとクラス名や階層など深いところがたくさんあります。
注意をしてみると面白い発見がたくさんあります!