意外とこの記事がクリックされていたので、内容を追加しております。 昔から「フォントを変えれば雰囲気が変わる!」と言われていましたね! なので個人的に気になったので、各SNS(フェイスブック、インスタグラム、ツイッター)のフォントとフォントサイズ、他もろもろをまとめました。 何かしらで皆さんのお役に立てばいいです(^^)
タイムライン画面:サムネイル:40px×40px
本文
フォント:Segoe UI Historic, Segoe UI, Helvetica, Arial, “hiragino kaku gothic pro”,meiryo,”ms pgothic”,sans-serif;
フォントサイズ:.9375rem;
font-weight: 400;
line-height: 1.3333;
プロフィール画面
サムネイル:168px×168px
バック背景:851px×315px
<スマホ>
サムネイル:40px×40px
本文
フォント: ‘Roboto’, “hiragino kaku gothic pro”,meiryo,”ms pgothic”,sans-serif;
フォントサイズ:13px
line-height:20px
インスタグラム
<PC>タイムライン画面
サムネイル:30px×30px
本文
フォント:-apple-
フォントサイズ:14px
フォントウェイト: 400;
line-height:18px
<スマホ>
サムネイル:30px×30px
本文
フォント:Helvetica, Arial, “hiragino kaku gothic pro”,meiryo,”ms pgothic”,sans-serif;
フォントサイズ:14px
フォントウェイト:400
line-height:18px
X(ツイッター)
<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のフォント、フォントサイズ、他もろもろです。
一つ一つを詳しく見てみるとクラス名や階層など深いところがたくさんあります。
注意をしてみると面白い発見がたくさんあります!