書体選定の決め方|定番フォント10選・シーン別書体マッピング・混植の使い分けで迷わなくなる実践メソッド

2026/05/21
📌 この記事のポイント
書体選定はセンスではなく「分析と消去法」で決まる
まずは定番10書体(リュウミン・新ゴ・Helvetica等)から候補を出す
業務シーン別マッピング(コーポレート/キャンペーン/ブランド/SaaS)で方向性を絞る
混植する時は同ファミリー内(リュウミンKL×KO等)が安全
ゴシック×明朝の業界標準は「漢字ゴシック×ひらがな明朝」
書体選定は「分析と消去法」で決まります。Adobe Fontsだけで2026年4月時点で35,000書体以上(Adobe公式リリース)、Google Fontsで1,929書体(Free Font Zone調べ・2026年4月)あり、そこから「直感で選ぶ」のは現実的ではありません。
駆け出しデザイナー向けに、書体選定で迷ったときに立ち戻れる3原則と業務シーン別の書体マッピング、最初に揃えるべき定番10書体までを体系化しました。
参考動画:
□△◯(カタチ)で捉える文字組み 〜「なんとなく」が「意識的」に変わる〜【前編】【後編】
書体選定とは|「分析と消去法」で絞り込む技術

書体選定とは、コピーの内容・ターゲット・使用文字種を分析し、候補書体を段階的に絞り込む技術です。センスや経験で「直感的に選ぶ」ものではなく、論理的に消去していくのがプロの実態に近い。
書体の数が桁違いに多いため、消去法が現実的な選択になります。
サービス | 書体数 | 個人向け価格・条件 |
|---|---|---|
Adobe Fonts | 35,000書体以上(うち日本語1,100書体超) | Adobe CC契約に含まれる |
Google Fonts | 1,929書体(うち可変フォント543) | 完全無料 |
Morisawa Fonts | 2,000書体以上 | 1年64,240円(税込・1-9ライセンス・2PC+iPad) |
MORISAWA PASSPORT | 2,000書体以上 | 個人新規契約終了・既存契約は2029年12月31日まで |
Fontworks LETS | 1,000書体以上 | 年契約制 |
参考:Adobe Fonts 2026年4月リリース / Google Fonts 1,800書体到達ニュース / Morisawa Fonts 公式プラン / MORISAWA PASSPORT 終了告知
迷う原因の本質は、選択肢の多さではなく判断軸が言語化されていないこと。本記事では、その判断軸を3原則として明示します。
書体選定の前にやるべき4つの問い

書体を選ぶ前に、必ずコピー分析を行います。これは書体選定の土台となるステップです。
問い | チェック項目 |
|---|---|
1. ターゲットは誰か | 性別・年齢層・職種・心理状態 |
2. クライアントの趣旨 | キャンペーン目的・ブランドトーン・既存VIの有無 |
3. 文字種の比率 | 漢字/ひらがな/カタカナ/欧文の割合 |
4. 縦組み/横組み | Webは横組み基本、ブランドサイトで縦も |
特に 3つ目の文字種比率 が決定的に重要です。日本語のひらがな比率は文章中で40〜50%を占めるため(モリサワ調査ベース、参考:モリサワ|文字を組む方法)、ひらがな書体の選び方が文章全体の印象を支配します。
もち自身も実務で、コピー分析を10〜15分かけてから書体に触るようにしています。この準備時間が、選定スピードと精度の両方を上げる近道です。
書体選定の3原則|縦線・混植・ゴシック×明朝の使い分け
書体選定で迷ったときに立ち戻る3つの判断軸を、順に解説します。
「混植(こんしょく)」とは、2種類以上のフォントを組み合わせて文字組みする手法のことです(MdN|混植とは)。同書体ファミリー内のウェイト違い(リュウミンKL×リュウミンKO等)も、異なる書体間(ゴシック×明朝)も、どちらも混植に含まれます。本記事では、原則2で同書体ファミリー内の混植、原則3でゴシック×明朝のような異書体間の使い分けを扱います。
原則1|縦線の太さで揃える

異なる書体を組み合わせる場合、まず縦線の太さ(メインのストローク幅)を揃えると自然にバランスが取れます。
組み合わせ | バランス |
|---|---|
民朝(細い縦線)×ゴシック(太い縦線) | ❌ NG(ちぐはぐ) |
民朝(中程度)×ゴシック(中程度) | ✅ OK |
民朝(やや細)×ゴシック(中程度) | ✅ OK(民朝が控えめなら耐えられる) |
日本語は縦のストロークがメインの構造を担うため、縦線の太さが揃うと文字としての重心が揃って見えます。
チェック方法(3ステップ)
組み合わせを試したい書体A・Bがあったら:
FigmaやIllustratorで同じサイズで「あ」「ア」「A」「漢」を打つ
それぞれの縦のメインストロークを目で比較
太さが極端に違うなら、別の書体を試す
原則2|混植(同書体ファミリー内の組み合わせ)

同書体ファミリー内の混植とは、同じ書体ファミリー内で字種ごとにウェイトや派生書体を変える手法です。同書体内なので骨格が統一され、調和を保ちながら微妙な印象調整ができます。
字種 | 書体(例) |
|---|---|
漢字 | リュウミン KL(やや太めの明朝) |
ひらがな・カタカナ | リュウミン KO(一段細い派生) |
欧文・数字 | リュウミン本来のラテン部分 |
ひらがな・カタカナだけ一段細くすると、画数の少ない字種が「軽さ」を持ち、漢字の重さとバランスが取れます。視覚的なリズムも生まれる。
ウェビナーで山津さん(グラフィック歴31年)は、流民KL×流民KOの組み合わせを実例として紹介していました。同書体内でも、ウェイト違いを組み合わせるだけで違う印象が作れるのが、この混植の強みです。
参考:フロップデザイン|はじめての混植ロゴ でも、同系統の異なる明朝体を組み合わせる「和漢混植」が事例付きで解説されています。
原則3|ゴシック×明朝の使い分け(異書体間の混植)

異書体間の混植では、組み合わせに業界標準のパターンがあります。
組み合わせ | 評価 |
|---|---|
漢字ゴシック × ひらがな明朝(アンチック体) | ✅ 定番OK |
漢字明朝 × ひらがなゴシック | ❌ NG(ひらがなが暴れる) |
漢字明朝 × カタカナゴシック | △ アクセントとして限定的にOK |
漢字ゴシック × カタカナ明朝 | △ 媒体トーンに合わせて判断 |
「漢字ゴシック×ひらがな明朝(アンチック)」は、漫画の吹き出し・書籍タイトル・ロゴで使われ続ける業界標準フォーマットです。明治〜昭和初期にゴシックのひらがなが未開発だった歴史的経緯から定着しました(Adobe|貂明朝アンチックの背景)。
逆に「漢字明朝×ひらがなゴシック」は、ひらがなが太くなりすぎて文章全体の中で異物になります。
参考:日本語のタイトルやロゴデザイン|LIG / 明朝体とゴシック体の使い分け|Edit Partners
1つのデザインで使う書体数
書体数 | 適用 |
|---|---|
1書体(ウェイト違い) | 書籍、長文記事 |
2書体(和文×欧文、または同書体内混植) | 一般的なLP、サイト、バナー |
3書体以上 | 雑誌の特殊用途のみ |
参考:honlabo|書体使用法 では「フォントは2種類まで」が推奨されています。迷ったら1〜2書体に絞る。
業務シーン別|書体マッピング

業務シーンごとに書体の方向性を整理しておくと、選定が一気に速くなります。
シーン | 和文(タイトル) | 欧文(タイトル) | 印象 |
|---|---|---|---|
コーポレートサイト | リュウミン、A1明朝、見出ゴMB31 | DIN、Futura、Helvetica | 信頼感・落ち着き |
キャンペーン・LP | 見出ゴMB101、ZEN角ゴシック、AB-suzume | Bebas Neue、Anton、Druk | インパクト・抜け感 |
ブランド・高級系 | A1明朝、貂明朝、はんなり明朝 | Cardo、Cormorant、Playfair | 品格・繊細 |
SaaS・サービス | Noto Sans JP Bold、ヒラギノ角ゴ | Inter、Geist、SF Pro | 可読性・モダン |
もちが運営するNOT DESIGN SCHOOLでも、デザインの基礎カリキュラムをやる初期段階で、定番フォントの選び方を生徒さんに共有しています。「迷ったらこの中から」というベース帯を持つだけで、初動の判断が大きく早くります。
駆け出しが最初に揃える定番10書体
定番10書体を使い倒せば、実務の9割の案件に対応できます。

和文(5書体)
リュウミン(明朝・万能)
A1明朝(明朝・柔らかさ)
新ゴ(ゴシック・万能)
見出ゴMB101(ゴシック・タイトル用)
TBゴシック(ゴシック・本文)

欧文(5書体)
Helvetica(サンセリフ・万能)
Inter(サンセリフ・モダン)
DIN(サンセリフ・幾何学)
Bebas Neue(サンセリフ・インパクト)
Garamond(セリフ・古典)
「新書体を追いかける」より、この10書体を使い倒してそれぞれの個性を体感するほうが、書体選定の判断軸が早く育つと、もちには見えています。
ひらがなの差し替えで印象を変える

「文章中のひらがなが約半数を占める」事実は、書体選定の最大のレバレッジになります。
ひらがなだけ別書体に差し替えるだけで、レイアウトを変えず・色を変えずに全体の印象を別物にできる。
ひらがな書体 | 印象 |
|---|---|
リュウミン | クラシック・上品 |
筑紫明朝 | 力強さ・伝統 |
ヒラギノ明朝 | クリア・現代的 |
ZEN明朝 | 明るさ・親しみ |
AB-suzume | 個性・遊び |
特にロゴ・ブランドサイトのKVなど、印象を決める重要な箇所で効果的です。
校長の見解|書体選定で大事にしている3視点
NOT DESIGN SCHOOL校長のもちが、書体選定で日々大事にしていることを3つの視点で語ります。
視点1|「定番書体」を使いこなすほうが先
「数多くの書体を知っている」より「少数の定番を使いこなせる」ほうが、駆け出しの段階では強い武器になると、もちは思っています。
リュウミン・新ゴ・見出ゴMB101・Helvetica・Bebas Neueのような定番10書体を1ヶ月使い込むと、それぞれの個性・癖・効きどころが体感として身につく。そうなると、新しい書体に出会っても「これは新ゴ系の中庸ゴシック」「これはBebas Neue系のインパクト型」と分類できるようになり、選定スピードが大きく上がります。
新書体を追いかけるのは、定番をマスターしてからで十分。書体は素材であり、まずは素材の特性を知ることが、料理人としての第一歩だと感じています。
視点2|デザインの良し悪しの土台はフォントで決まる
レイアウトや配色がいくら整っていても、フォントが甘いとデザイン全体が一気に素人っぽく見えてしまう。逆に、フォントが整っているだけで、ちゃんと作られているという信頼感が出ると、もちは経験的に感じています。
特に駆け出しの段階では、フォント選定で「ぱっと見の印象」の8割が決まると言っても言い過ぎではありません。
フォントが整っていない | フォントが整っている |
|---|---|
配色・レイアウトが良くても素人感が残る | レイアウトの不足を補えるほどの説得力が出る |
クライアントから「なんか違う」と言われる | 細部まで考えられているという印象を与えられる |
修正依頼が増える | 提案が通りやすくなる |
「デザイン=レイアウト・配色・フォントの掛け算」と捉えると、フォント選定はその掛け算の出発点。最初の素材選びを丁寧にやるほど、後工程が楽になります。
視点3|Webデザイナーは苦手だからこそフォントで差がつく
Webデザイナーがフォント選定に苦手意識を持つのは、紙媒体に比べて文字組みに触る時間が構造的に少ないだけで、能力の問題ではありません。これは山津さんも動画内で明言しています。
ただし、見方を変えると、これはチャンスでもあると、もちには見えています。
状況 | フォントへの意識 |
|---|---|
多くのWebデザイナー | フォント選定は後回し・無料フォントで済ませる |
フォントを意識するWebデザイナー | LP・KVで明確に差がつく |
AIで誰でも一定水準のLPが作れる時代になったからこそ、最後の差はフォント選定のような細部のクオリティに集約されます。LP・KV・OGPなど画像書き出しする場面で、フォントを丁寧に選び抜くだけで、見せた瞬間のクライアント反応が変わる。
「苦手な領域だからこそ、踏み込むと頭一つ抜けられる」のがフォント選定です。Adobe FontsやMorisawa Fontsへの月数千円〜の投資は、長期的に見ていちばんレバレッジが効く自己投資の一つだと、考えています。
限界と注意点
書体選定の実践には、いくつかの限界もあります。
限界1|Webフォントの読み込み速度問題
Webフォントは表示までに時間がかかります。和文Webフォントは10MB超になることもあるため、業務系LPでは画像書き出しが現実解になることも多いです。
対策 | 内容 |
|---|---|
| 代替フォントで先に表示してから差し替え |
サブセット化 | 使う文字だけのフォントファイルを生成 |
画像書き出し | LPのKVなど重要箇所のみ画像化 |
限界2|MORISAWA PASSPORTは個人新規契約終了済み(2029年12月サービス終了)
書体業界の重要ニュースとして、MORISAWA PASSPORTは個人新規契約の受付がすでに終了しており、サービス自体も2029年12月31日をもって完全終了します(モリサワ公式 終了告知)。
個人がモリサワ書体を新規で使いたい場合は、後継サービス「Morisawa Fonts」(2022年10月リリース)を選択することになります。
個人向け選択肢 | 価格 | 特徴 |
|---|---|---|
Morisawa Fonts(スタンダード) | 64,240円/年(税込・1-9ライセンス) | 2,000書体以上・2PC+iPad対応・クラウド型 |
Morisawa Fonts 学生プラン | 990円/年(1ライセンス) | 学生証要・期間限定特別価格 |
Morisawa Fonts 教職員プラン | 33,000円/年(1ライセンス) | 教職員ID要 |
Adobe Fonts(モリサワ定番書体含む) | Adobe CC契約に含まれる | リュウミン・新ゴ・見出ゴMB等の主要書体は利用可 |
既存PASSPORT契約者は、Morisawa Fonts 移行サポートサイトから2029年12月までに切り替え手続きを進める必要があります。
予算を抑えたい個人なら、まずAdobe Fontsでモリサワ定番書体をカバー→特定書体が必要になったタイミングでMorisawa Fonts、という段階的導入が現実的です。
限界3|ライセンスの確認は必須
書体には商用利用可否・媒体制限があり、案件ごとに確認が必要です。
サービス | 商用利用 | 注意点 |
|---|---|---|
Adobe Fonts | ✅ | クライアント環境でのWebフォント配信に制限あり |
Google Fonts | ✅ | 完全フリー |
Morisawa Fonts | ✅ | サブライセンス制限あり・2PC+iPadまで |
フリーフォント | 個別確認 | 商用NG・改変NGの場合あり |
特に「ロゴに使ったフォントの商用ライセンス」は、後からクライアント側でトラブルになりやすいので必ず確認してください。
限界4|AI提案だけで完結しない
AIの書体提案は「叩き台」までです。最終的な書体の佇まいは現物を見ないと判断できません。提案の精度を過信せず、自分の目で書体見本を確認する習慣をつけてください。
FAQ
Q1|Adobe FontsとGoogle Fontsはどう使い分ければいい?
Adobe FontsをクライアントのWebサイトでWebフォント配信する場合、クライアント側にもAdobe Creative Cloud契約が必須です(Adobe公式|Webフォントライセンス)。2019年12月31日に規約が改定され、それ以降は制作者のアカウントでホスティングを続けることはできません。
クライアントに最低でもフォトプラン980円/月の契約を依頼する必要があり、長期運用のコスト負担が発生します。納品後の運用トラブル(クライアントが契約解除→フォント表示崩壊)も起こりやすい領域です。
そのため、クライアントワークではGoogle Fontsを使うことが多くなっていますが、フォントにこだわることでデザインに優位性が生まれることもあるので、時にはクライアントに有料フォントの契約を打診する場合もあります。
Q2|書体選定はAIに任せていい?
初期案出しにAIを使うのは構いません。ただし最終決定は人間でやるべきだと考えます。
AIは書体の現物を見ていないため、提案精度に限界があります。AIの提案を参考に、Adobe Fontsで実物を確認→自分で決定、という流れが安全です。
Q3|書体選定の判断軸を身につける練習法は?
毎日1個、見かけたデザイン(広告・看板・LP)の書体を観察し、以下を口に出す:
このフォントが与える印象はどんなものか
なぜこの書体を選んだと推測できるか(ターゲット・趣旨)
他のデザインに使うなら、どんものに使えそうか
センスに頼らないデザイン|分解→再現サイクル と同じ要領で、半年で書体選定の目が大きく育ちます。
まとめ|書体選定の流れ
書体選定で大事なのは、センスではなく分析と消去法。コピー分析(ターゲット・趣旨・文字種・縦横)を済ませたら、次の4ステップで絞り込みます。
ステップ | やること |
|---|---|
1. まずは定番から選ぶ | リュウミン・新ゴ・見出ゴMB101・Helvetica・Bebas Neue等、定番10書体の中から候補を出す |
2. 業務シーン別書体マッピングで方向性を決める | コーポレート/キャンペーン/ブランド/SaaS、シーンに合った系統を選ぶ |
3. 混植する時は同ファミリー内が安全 | リュウミンKL×リュウミンKO等、同書体内のウェイト違いで微調整 |
4. ゴシック×明朝の混植も定番 | 漢字ゴシック×ひらがな明朝(アンチック)が業界標準フォーマット |
この流れに乗れば、35,000書体のAdobe Fontsから迷わず2-3書体まで絞れる。書体は素材であり、まずは定番素材を使いこなすところから始めるのが、おすすめです。
合わせて読みたい:
【生徒募集中】パーソナライズ型のデザインカリキュラム
NOT DESIGN SCHOOLのパーソナルコースなら、あなた専用のオーダーメイドカリキュラムで、最短6ヶ月で実務レベルのデザイナーへ。AIの学習コンテンツや勉強会も充実!まずは無料相談から。

\ 🔥現在 82名 の生徒が受講中🔥 /
パーソナルコースの詳細を見る
TOPに戻る
\Slackで個別相談受付中/

最短6ヶ月で「自分に必要なスキル」だけを集中して身につけるNOTのパーソナルコース。
🆕 新着記事

作字のやり方5ステップ|Procreateで名前ロゴを作る実践ガイド【2026年6月最新】

イラレのアピアランス入門ガイド|基本操作・袋文字の作り方・NG例5つを紹介

Figma Design Agentの使い方解説|キャンバス上でAIがデザインを直接編集する新時代の使い方【2026年5月最新】

Framer×Figma×Studio徹底比較|デザイナーが案件別に選ぶ3ツールの正解【2026年5月最新】

【駆け出しデザイナー向け】FramerでLPを作る7ステップ|実演で学ぶ実装フロー

Framer入門ガイド |特徴・料金・始め方

文字組みの仕上げ術|役物・ラグ組・錯視で完成度を上げる

カーニングは「明るさ」で見る|文字詰めの思考法
🔥 短期講座 現在ウェイティングリスト受付中!

Figmaマスター動画講座
基礎から応用までFigmaの使い方をマスター
全50レッスン以上 / 動画 17時間以上

Studioマスター動画講座
基礎からCMSまでStudioの使い方をマスター
全40レッスン以上 / 練習課題 収録

Framerマスター動画講座
基礎から高度なアニメーションまでFramerの使い方をマスター
全25レッスン以上 / 完全日本語解説

作字マスター動画講座
iPadのProcreateをつかった作字のつくり方をマスター
全7レッスン / 7時間の動画

第一線で活躍するデザイナーたちの仕事観や価値観をディープに深堀りする対談ポッドキャスト
✍ 受講生の学習記録も更新中!

