株式会社スゴヨク グーグルパートナーバッジ

福岡 SEO対策・ホームページ制作・広告運用代行なら
株式会社スゴヨク

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

SUGOYOKU BLOG

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

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

Facebook

<PC>
タイムライン画面:サムネイル: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-systemBlinkMacSystemFont, ‘Segoe UI‘, RobotoHelveticaArial, sans-serif;
フォントサイズ: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のフォント、フォントサイズ、他もろもろです。
一つ一つを詳しく見てみるとクラス名や階層など深いところがたくさんあります。
注意をしてみると面白い発見がたくさんあります!

HP無料診断

毎月3社様限定SEO対策無料診断

【実践マーケティング手法22選】 無料ダウンロード

マーケティング手法22選

助成金・補助金・融資・M&A等の総合経営支援サービス
「補助金パートナー」

月額定額制で、ホームページやECサイト運用、営業資料・チラシ・DMなどの製作代行から補助金や助成金など資金調達の情報を提供及び申請代行まで一手に支え会社の成長をサポートするコンサルティング型のサービスです。


補助金 お問い合わせ

ワードプレスでSEO対策をするなら【オリテン】

seoで高位置検証済みのオリジナルテンプレート制作
完全オリジナルの自社テンプレートを毎月3社様限定で制作を承っております。

補助金 お問い合わせ

ホームページの事でお困りならこちらから

お見積り・ホームページ制作・運用、広告に関するご質問まで、どんなことでもお気軽にご相談ください。
日・祝日・休業日以外は24時間以内に返信いたします。

スゴヨク ロゴ

TOP

//サムネイルを取得