基本方針

コミュニケーションデザイン領域（LP、名刺、プレゼン資料、ブランドサイト等）と、プロダクト内で使用するフォントを使い分ける。書体を増やさず、ウェイトと大きさで情報の階層をつくる。

コミュニケーションデザイン領域

用途	フォント	ウェイト	配信
欧文（表示）	DIN Next（D ネクスト / Monotype）	Regular 400 / Medium 500 / Bold 700	FONTPLUS
欧文（補助・本文）	Inter	Regular 400 / Medium 500 / Semibold 600 / Bold 700	Google Fonts
和文	源ノ角ゴシック（Source Han Sans）	Regular 400 / Medium 500 / Bold 700	Google Fonts（Noto Sans JP として配信）

書体の名称について

「源ノ角ゴシック」と「Source Han Sans」と「Noto Sans JP」は、Adobe と Google が共同開発した同一の書体の異なる呼称です。本ガイドラインでは:

• ブランド呼称: 源ノ角ゴシック（Source Han Sans）
• Web 配信実体: Noto Sans JP（Google Fonts 経由）

を使い分けます。サイトおよびプロダクトの CSS では "Noto Sans JP" を font-family に指定して問題ありません。

Type Scale（コミュニケーション領域）

役割	サイズ	書体 / ウェイト	letter-spacing	line-height
Display	48–88px	DIN Next Bold	-3%	1.02
H1	36–56px	DIN Next Bold	-2.5%	1.10
H2	36px	DIN Next Medium	-1%	1.15
Headline JP	32px	Source Han Sans 600	0	1.35
Body	16px	Inter / Noto Sans JP 400	0	1.75
Caption	12px	Inter Medium	0.14em	1.40

サイトの該当セクション（/how-we-look/typography/）でライブサンプルを確認できます。

プロダクト内

システムフォント（SF Pro / DIN 2014 / ヒラギノ等）の運用を継続する。

フォールバック

FONTPLUS のスクリプトが読み込めない環境向けに、以下のフォールバックを設定する。

/* 例 */
font-family:
  "DIN Next", /* FONTPLUS（モノタイプ） */
  "Barlow",   /* 近似フォールバック */
  "Inter",
  system-ui,
  sans-serif;

和文は "Noto Sans JP" をフォールバックとして使用可能。

ライセンス管理

• 欧文ディスプレイは モノタイプ（既契約）のライセンスを FONTPLUS 経由で Web 配信する
• FONTPLUS のスクリプトタグ（埋め込みコード）でサイトに読み込む
• ライセンス費用は許容範囲内（コミュニケーション領域では有料フォントの採用も可）

Source DDRs

タイポグラフィに関する意思決定（DDR-0007 / DDR-0013 / DDR-0018）は内部資料として管理しており、本サイトでは公開していません。