Webサイト、バナー、チラシ、資料などのデザインでは、フォント選びによって印象が大きく変わります。
この記事では、デザイナーがよく使う定番フォントを中心に、実務で使いやすいフォントを用途別にまとめました。
「どのフォントを選べばよいか迷う」
「サイトやバナーの雰囲気に合うフォントを探したい」
「まず押さえておくべき定番フォントを知りたい」
というときの参考にしてください。
※フォントを使用する際は、商用利用の可否やライセンスを必ず配布元・提供元で確認してください。
- フォントを選ぶときに確認したいこと
- まず覚えたい定番日本語ゴシックフォント
- 上品・高級感を出したい明朝体
- やさしい・親しみやすい丸ゴシック
- バナーやサムネイルで目立つフォント
- 英字見出し・日付・あしらいに使える欧文フォント
- シンプル・スタイリッシュ・モダン系
- Futura
- DIN
- Oswald
- Josefin Sans
- Avenir
- Helvetica
- Optima
- Univers
- Frutiger
- Century Gothic
- ITC Avant Garde Gothic
- Gotham
- Myriad
- Roboto
- Montserrat
- Arial
- Gill Sans
- 高級感・クラシック系
- Cormorant
- Baskerville
- Garamond
- Trajan
- Copperplate
- Times New Roman
- Linotype Didot
- Rockwell
- Palatino
- ナチュラル・手書き風
- Amatic SC
- Braisetto
- Sheila
- American Scribe
- Colors Of Autumn
- Fugu
- Snell Roundhand
- Juliette
- Sacramento Pro
- Maratre
- ポップ・カジュアル系
- RIFT
- Impact
- Korolev
- Tomarik
- 用途別おすすめフォント
- フォントを探せる便利サイト
- まとめ
フォントを選ぶときに確認したいこと
フォントを使う前に、以下の点を確認しておくと安心です。
商用利用できるか
Webサイトや広告、チラシ、SNS画像など、仕事で使う場合は商用利用の確認が必要です。
Webフォントとして使えるか
Webサイトで使用する場合は、Google FontsやAdobe Fontsなど、Webフォントとして利用できるかを確認します。
太さの種類があるか
本文・見出し・ボタンなどで使い分けるため、Regular、Medium、Boldなど複数の太さがあるフォントは便利です。
読みやすいか
デザイン性が高くても、本文で読みにくいフォントは使いどころに注意が必要です。本文用と見出し用を分けて考えると選びやすくなります。
まず覚えたい定番日本語ゴシックフォント
コーポレートサイト、資料、バナーなど、幅広い制作で使いやすい定番フォントです。
Noto Sans JP
Webサイトで使いやすい定番ゴシック体。クセが少なく、本文にも見出しにも使いやすいフォントです。Google Fonts：○／Adobe Fonts：○
游ゴシック
Windowsにも搭載されている定番ゴシック体。すっきりとした印象で、資料やWebサイトに使いやすいです。Adobe Fonts：○
ヒラギノ角ゴ
Macでよく使われる高品質なゴシック体。読みやすく、きれいで安定感のある印象になります。
UD新ゴ
読みやすさを重視したゴシック体。企業サイト、公共性の高いデザイン、資料制作などに向いています。
ゴシックMB101
しっかりとした印象の定番ゴシック体。見出しや広告、紙媒体などでもよく使われます。Adobe Fonts：○
新ゴ
すっきりとして読みやすいゴシック体。Web、広告、パンフレットなど幅広く使いやすいフォントです。
AXIS Font
現代的で洗練された印象のゴシック体。ブランドサイトやスタイリッシュなデザインに向いています。
やさしさゴシック
手書き感のある、やさしい印象のゴシック体。親しみやすい見出しやナチュラル系のデザインに向いています。
Mplus 1p
すっきり読みやすいゴシック体。Webサイトの本文や見出し、シンプルなデザインに使いやすいフォントです。Google Fonts：○
上品・高級感を出したい明朝体
落ち着き、信頼感、上品さ、高級感を出したいときに使いやすいフォントです。
Noto Serif JP
Webで使いやすい明朝体。和風、上品、落ち着いた雰囲気のサイトに向いています。Google Fonts：○／Adobe Fonts：○
游明朝
Windowsにも搭載されている定番明朝体。品のある印象で、文章量の多いページにも使いやすいです。Adobe Fonts：○
ヒラギノ明朝
読みやすく美しい明朝体。高級感や落ち着きを出したいデザインに向いています。
リュウミン
王道の明朝体。書籍、パンフレット、上品な広告などでよく使われる定番フォントです。Adobe Fonts：○
筑紫明朝
クラシックで美しい印象の明朝体。高級感や文学的な雰囲気を出したいときに向いています。Adobe Fonts：△
秀英明朝
伝統的で読みやすい明朝体。落ち着いた印象の本文や見出しに使いやすいです。Adobe Fonts：○
貂明朝
個性的で上品な明朝体。高級感や少しレトロな雰囲気を出したいときに使いやすいです。Adobe Fonts：○
はんなり明朝
やわらかく、やさしい印象の明朝体。和風・女性向け・ナチュラル系のデザインに合います。Google Fonts：○
あおぞら明朝
クラシックで落ち着いた印象の明朝体。文学的な雰囲気や上品な見出しに向いています。
うつくし明朝体
細く上品な印象の明朝体。和風、女性向け、落ち着いたデザインに使いやすいフォントです。
VDL アドミーン
明朝体のやさしさとゴシック体の力強さを持つフォント。個性的で印象的な見出しに向いています。
やさしい・親しみやすい丸ゴシック
親しみやすさ、安心感、やわらかさを出したいときに使いやすいフォントです。
ZEN丸ゴシック
やさしく読みやすい丸ゴシック体。子ども向け、福祉、教育、ナチュラル系のデザインに向いています。Google Fonts：○／Adobe Fonts：○
筑紫A丸ゴシック
上品さとやわらかさを持った丸ゴシック体。やさしい雰囲気の見出しに使いやすいです。Adobe Fonts：○
AB-丸花巻
かわいらしく親しみやすい丸ゴシック体。ポップなバナーや親子向けのデザインに合います。Adobe Fonts：○
こども丸ゴシック
手書き感のある丸ゴシック体。子ども向け、保育、教育系のデザインに使いやすいです。対応漢字が少ないです。
どんぐりかな
丸みがあり、かわいらしい印象のフォント。ポップな見出しやあしらいに向いています。対応漢字が少ないです。
じゅん
丸みがあり、やさしく親しみやすい印象のフォント。子ども向けやナチュラル系の見出しに向いています。Adobe Fonts：○
VDL ギガ丸
直線的な形に丸みを加えた、力強く親しみやすいゴシック体。ポップな見出しやバナーに使いやすいフォントです。Adobe Fonts：○
VDL ラインＧアール
直線的でシャープな印象に、角丸のやわらかさを加えたゴシック体。個性的な見出しやデザイン性のあるバナーに向いています。Adobe Fonts：○
バナーやサムネイルで目立つフォント
広告画像、SNS画像、キャンペーンバナー、サムネイルなど、文字を目立たせたいときに使いやすいフォントです。
デラゴシック
太くインパクトのあるゴシック体。キャンペーンやセール、強い見出しに向いています。Google Fonts：○／Adobe Fonts：○
ドットゴシック16
ドット感のある個性的なフォント。ゲーム風、レトロ風、デジタル感のあるデザインに合います。Google Fonts：○
VDLロゴG
ロゴのような存在感があるフォント。ポップで印象に残る見出しに使いやすいです。
黒龍爽
力強く和風の印象があるフォント。インパクトのある見出しや和風デザインに向いています。Adobe Fonts：○
TA恋心
かわいらしく個性的なフォント。女性向けやポップなバナーのアクセントに使いやすいです。
Hachi Maru Pop
手書き感のあるポップなフォント。親しみやすい雰囲気やカジュアルなデザインに合います。Google Fonts：○／Adobe Fonts：○
しっぽりアンチック
明朝体とゴシック体の中間のような雰囲気。レトロで印象的な見出しに使いやすいです。Google Fonts：○／Adobe Fonts：○
クレー One
手書き風でやわらかい印象のフォント。ナチュラル、手作り感、親しみを出したいときに向いています。Google Fonts：○
せのびゴシック
縦長ですっきりした印象のゴシック体。カジュアルな見出しやサムネイルに使いやすいフォントです。
あんず文字
手書き感のある、かわいらしいフォント。カフェ、雑貨、子ども向けのデザインに合います。
851マカポップ
太めで元気な印象の手書き風フォント。ポップな見出しやバナーのアクセントに向いています。
ABキリギリス
手描き感のある個性的なフォント。ラフで楽しい雰囲気の見出しや短いコピーに向いています。Adobe Fonts：○
英字見出し・日付・あしらいに使える欧文フォント
日本語フォントに欧文フォントを組み合わせると、見出しや日付、セクションタイトル、装飾の印象を整えやすくなります。欧文フォントは、本文で長く読ませるよりも、英字見出し・短いコピー・日付・ラベル・あしらいとして使うと効果的です。
参考：プロが使う鉄板欧文フォント19個のデザイン的特徴と、使用例、誕生背景など超丁寧にまとめてみた。
シンプル・スタイリッシュ・モダン系
すっきりとした印象で、Webサイトやコーポレートデザイン、日付・数字のあしらいに使いやすい欧文フォントです。
Futura
幾何学的で洗練されたサンセリフ体。スタイリッシュな見出しやロゴ風の文字に向いています。Adobe Fonts：
DIN
すっきりとして読みやすいサンセリフ体。数字、日付、見出し、情報整理に使いやすいフォントです。Adobe Fonts：○
Oswald
縦長で力強い印象のサンセリフ体。バナーの見出しや日付、短い英字タイトルに向いています。Google Fonts：○／Adobe Fonts：○
Josefin Sans
細身でおしゃれな印象のサンセリフ体。女性向け、ライフスタイル系、上品なデザインに使いやすいです。
Google Fonts：○／Adobe Fonts：○
Avenir
Futuraに近い雰囲気を持ちながら、少しやわらかい印象のフォント。上品で親しみやすいデザインに合います。Adobe Fonts：△
Helvetica
欧文フォントの王道ともいえる定番書体。シンプルで使いやすく、コーポレート系やロゴ風の見出しにも向いています。Adobe Fonts：△
Optima
サンセリフ体でありながら、エレガントな雰囲気を持つフォント。美容、ファッション、ブランド系のデザインに合います。Adobe Fonts：○
Univers
すっきりとしたモダンなサンセリフ体。Helveticaより少し洗練された印象にしたいときに使いやすいです。
Adobe Fonts：△
Frutiger
視認性が高く、案内表示にも使われる定番フォント。情報を分かりやすく見せたいデザインに向いています。Adobe Fonts：△
Century Gothic
丸みと幾何学的な形が特徴のフォント。カジュアルで明るい印象のデザインに向いています。Adobe Fonts：△
ITC Avant Garde Gothic
個性的でデザイン性の高いサンセリフ体。ファッション、スポーツ、ロゴ風の英字見出しに合います。Adobe Fonts：○
Gotham
丸みのあるモダンなサンセリフ体。力強さと親しみやすさを両立した見出しに使いやすいです。
Myriad
Adobe系でもなじみのあるサンセリフ体。やわらかさとスタイリッシュさのバランスがよいフォントです。
Adobe Fonts：○
Roboto
すっきり読みやすく、Webやアプリ画面で使いやすいサンセリフ体。本文、見出し、UIまわりに向いています。Google Fonts：○／Adobe Fonts：○
Montserrat
幾何学的でモダンな印象のサンセリフ体。Webサイトの見出しやバナー、スタイリッシュなデザインに使いやすいです。Google Fonts：○／Adobe Fonts：○
Arial
Windows環境でも使いやすい定番サンセリフ体。資料、Web、代替フォントとして幅広く使われます。Adobe Fonts：○
Gill Sans
上品で人間味のあるサンセリフ体。クラシックさと親しみやすさを出したい英字見出しに向いています。Adobe Fonts：○
高級感・クラシック系
上品さ、格式、落ち着きのある印象を出したいときに使いやすいフォントです。
Cormorant
細く上品な印象のセリフ体。ブランドサイト、美容、ファッション系の見出しに向いています。Google Fonts：○／Adobe Fonts：○
Baskerville
伝統的で美しいセリフ体。知的で落ち着いた印象を出したいときに使いやすいです。Google Fonts：△／Adobe Fonts：○ ※Google Fontsでは、近い書体としてLibre Baskervilleがあります。
Garamond
クラシックで上品なセリフ体。高級感のあるデザインや、落ち着いた英字見出しに向いています。Google Fonts：△／Adobe Fonts：○ ※Google Fontsでは、近い書体としてEB Garamondがあります。
Trajan
格式のある印象の欧文フォント。
ホテル、ブランド、士業、式典系のデザインに合います。Adobe Fonts：○
Copperplate
重厚感と高級感のある欧文フォント。レストラン、サロン、ブランド系のロゴ風見出しに使いやすいです。Adobe Fonts：△
Times New Roman
クラシックで汎用性の高いセリフ体。落ち着いた印象や、信頼感のあるデザインに使いやすいです。
Linotype Didot
細い線と強いコントラストが美しいセリフ体。ファッション、美容、高級感のある見出しに向いています。Adobe Fonts：△
Rockwell
太めで安定感のあるスラブセリフ体。クラシックさと力強さを出したいときに使いやすいです。Adobe Fonts：△
Palatino
落ち着きと読みやすさのあるセリフ体。上品でクラシックな雰囲気を出したいときに向いています。Adobe Fonts：△
ナチュラル・手書き風
やわらかさ、親しみやすさ、手作り感を出したいときに使いやすいフォントです。
Amatic SC
手書き風で親しみやすいフォント。カフェ、雑貨、ナチュラル系のデザインに合います。Google Fonts：○／Adobe Fonts：○
Braisetto
流れるような筆記体のフォント。上品なあしらいや、女性向けデザインのアクセントに向いています。Adobe Fonts：○
Sheila
やわらかく華やかな筆記体。美容、ブライダル、ギフト系のデザインに使いやすいです。Adobe Fonts：○
American Scribe
クラシックな手書き感のあるフォント。アンティーク風やレトロな雰囲気を出したいときに合います。Adobe Fonts：○
Colors Of Autumn
手描き感のあるやわらかいフォント。秋らしい雰囲気や、ナチュラル系のあしらいに使いやすいです。Adobe Fonts：△
Fugu
丸みと遊び心のある手書き風フォント。カジュアルで親しみやすいデザインに向いています。Adobe Fonts：○
Snell Roundhand
流れるような線と華やかな大文字が特徴の筆記体。ブライダル、ホテル、レストランなど、上品でクラシックな見出しやあしらいに向いています。Adobe Fonts：○
Juliette
繊細でやわらかな手書き感のある筆記体。女性向け、ブライダル、サロン、ギフト系のデザインや、ロゴ風の英字見出しに使いやすいです。
Sacramento Pro
なめらかな曲線と親しみやすいリズムを持つ筆記体。カフェ、雑貨、パッケージ、SNS画像など、カジュアルで温かみのあるデザインに向いています。Adobe Fonts：○
Maratre
装飾的な大文字と流れるような線が特徴のカリグラフィーフォント。ブライダル、アクセサリー、サロンなど、華やかでエレガントな見出しやロゴ風の文字に向いています。商用利用時はライセンスの確認が必要です。
ポップ・カジュアル系
親しみやすく、軽やかな印象を出したいときに使いやすいフォントです
RIFT
縦長で勢いのあるフォント。イベント、スポーツ、キャンペーン系のデザインに合います。Adobe Fonts：○
Impact
文字幅が狭く、太くて力強いフォント。強い見出しやインパクト重視のバナーに向いています。
Korolev
現代的でカジュアルな印象のサンセリフ体。Web見出しやキャンペーンデザインに使いやすいです。Adobe Fonts：○
Tomarik
手描き感のあるかわいらしいフォント。子ども向け、雑貨、カジュアルなデザインに合います。Adobe Fonts：○
用途別おすすめフォント
ここでは、実際の制作で使いやすい組み合わせを用途別に紹介します。
コーポレートサイトに使いやすいフォント
信頼感や読みやすさを重視する場合は、クセの少ないゴシック体が使いやすいです。上品さを出したい場合は、明朝体を見出しに使うのもおすすめです。
高級感・上品さを出したいフォント
美容、旅館、和食、士業、ブランドサイトなどでは、明朝体やクラシックな欧文フォントを使うと上品な印象になります。
やさしい・親しみやすい印象にしたいフォント
教育、保育、福祉、ナチュラル系、地域密着型のサービスでは、丸みのあるフォントが使いやすいです。
バナーやサムネイルで目立たせたいフォント
広告画像やサムネイルでは、ひと目で内容が伝わる太めのフォントが有効です。ただし、本文には使わず、見出しや強調部分に絞って使うのがおすすめです。
英字をおしゃれに見せたいフォント
英字の見出し、日付、セクションタイトル、あしらいなどに使うと、デザインの雰囲気を作りやすくなります。
フォントを探せる便利サイト
Google Fonts
無料で使えるWebフォントを探せるサイトです。Webサイトに導入しやすく、日本語フォントも増えています。
Adobe Fonts
Adobe Creative Cloudを利用している場合に使いやすいフォントサービスです。日本語・欧文ともに実務向けのフォントが多く揃っています。
SANKOU!font
Webデザインで使われているフォントを探すときに便利なサイトです。雰囲気別にフォントを探しやすいです。
フロップデザイン
無料・有料の日本語フォントを探せるサイトです。個性的なフォントやデザイン向けのフォントを見つけやすいです。
まとめ
フォント選びに迷ったときは、まず以下のように考えると選びやすくなります。
- 読みやすさ重視なら、Noto Sans JP、游ゴシック、ヒラギノ角ゴ
- 信頼感を出すなら、UD新ゴ、Noto Sans JP
- 上品さを出すなら、リュウミン、しっぽり明朝、筑紫明朝
- やさしい印象にするなら、ZEN丸ゴシック、A1ゴシック
- バナーで目立たせるなら、デラゴシック、VDLロゴG
- 英字で雰囲気を出すなら、Futura、DIN、Cormorant
フォントはデザイン全体の印象を決める重要な要素です。
まずは定番フォントを覚え、制作物の目的やターゲットに合わせて使い分けることで、より伝わりやすいデザインになります。
