バナーのフォントの選び方｜ゴシック体・明朝体の使い分けと、読める文字の大きさの目安

バナー制作.jpのデザイナーがよく使うのは、次のフォントです。

書体	よく使うフォント
明朝体	A1明朝
ゴシック体	Noto Sans JP

Noto Sans JPはGoogleが無料で公開しているフォントで、太さの種類が多く、見出しから小さな文字まで1つでそろえやすいのが特長です。ライセンスはSIL Open Font Licenseで、商用でも使えます。

出典：Google Fonts「Noto Sans JP」

バナー制作.jpでは、1000×1000ピクセルのバナーを作るとき、いちばん小さい文字でも36ピクセルくらいを目安にしています。画像の幅の約3.6%です。同じ割合で計算すると、主なサイズでは次のようになります。

バナーのサイズ	いちばん小さい文字の目安
1000×1000	約36ピクセル
1080×1080	約39ピクセル
1200×628	約43ピクセル
1440×1800	約52ピクセル

SNSのフィードでは、バナーは画面の幅いっぱい（スマホなら数センチ）に縮んで表示されます。作っている画面では読めても、スマホでは読めないことが多いので、書き出したあとに実際のスマホで確かめましょう。小さな枠に出すバナー（320×50など）は、この割合では小さくなりすぎるため、実際の表示の大きさで判断します。

同じフォントと大きさでも、扱い方で読みやすさが変わります。

• 背景と文字の色の差（コントラスト）をはっきりつける
• 写真の上に文字を置くときは、文字の後ろに帯や影を敷く
• 文字の縁取りは細く、1重までにする。太い縁取りや何重もの縁取りは、かえって読みにくい
• 行と行の間を詰めすぎない
• 1行を長くしすぎず、意味の切れ目で改行する

文字と背景の色の差の基準はアクセシビリティ対応のバナー設計、余白の取り方はバナーの余白の取り方でまとめています。

フォントには、使ってよい範囲（ライセンス）が決まっています。広告バナーは商用利用にあたるため、次の点を確かめてから使いましょう。

• 無料のフォントでも、商用利用や広告での利用ができるか
• 有料のフォントは、契約している範囲（人数・期間・用途）で使っているか
• パソコンに最初から入っているフォントでも、使える範囲が決まっていることがある

素材の扱い方はバナー制作の著作権・素材利用もご覧ください。

バナー制作.jpでは、広告バナーをサイズに関係なく1本4,000円（税別、別途ディレクション費20%）で制作しています。納品の前に、誤字・サイズ・容量・媒体の決まりに加え、ご要望とトンマナ（色や雰囲気の統一感）に合っているかを確かめています。くわしくは制作料金をご覧ください。

• 使うフォントは1〜2種類にして、太さと大きさで差をつける
• 力強さや読みやすさならゴシック体、上品さや信頼感なら明朝体
• バナー制作.jpでは、明朝体ならA1明朝、ゴシック体ならNoto Sans JPをよく使う
• 1000×1000のバナーなら、いちばん小さい文字でも36ピクセルくらいが目安
• フォントは、商用・広告で使えるライセンスか確かめる

あわせて読みたい

• バナーの文字量の目安
• バナーの配色の決め方
• 文字だけのバナーの作り方
• スマホ向けバナーのサイズと作り方