フォント / タイポグラフィ
Figmaに定義済み
各種サービスサイトで使用するフォントについて。
コード例
タイポグラフィスケール
各サイズとウェイトの使用例
日本語フォント
「Zen Kaku Gothic New」を使用してください。
英数字が細身な形状なため、より視認性を確保したいなどの際は、「Inter」を使用してください。
英語フォント（英語サイト切り替え時など）
サービス自体をアルファベットをベースにした外国サイトに切り替えた時は、「Arial」をメインフォントとして使用してください。
タイポグラフィパターン
サービス自体をアルファベットをベースにした外国サイトに切り替えた時が、「Arial」をメインフォントとして使用してください。
日本語：
Large Title
大きいタイトル
70px / Bold
あいうえおかきくけこさしすせそ
Title
タイトル
36px / Bold
あいうえおかきくけこさしすせそ
28px / Bold
あいうえおかきくけこさしすせそ
24px / Medium / 3%
あいうえおかきくけこさしすせそ
21px / Bold
あいうえおかきくけこさしすせそ
Body
本文
18px / Medium / 5%
あいうえおかきくけこさしすせそ
18px / Regular
あいうえおかきくけこさしすせそ
16px / Medium / 3%
あいうえおかきくけこさしすせそ
16px / Regular
あいうえおかきくけこさしすせそ
14px / Medium / 3%
あいうえおかきくけこさしすせそ
Caption
キャプション
12px / Medium
あいうえおかきくけこさしすせそ
11px / Medium
あいうえおかきくけこさしすせそ
Text Link
テキストリンク
サイズ任意 / デフォルト
あいうえおかきくけこさしすせそ
サイズ任意 / ホバー時
あいうえおかきくけこさしすせそ
英語：
Large Title
大きいタイトル
70px / Bold
ABCDEFGHIJKLMNOPQRSTUV
Title
タイトル
36px / Bold
ABCDEFGHIJKLMNOPQRSTUV
28px / Bold
ABCDEFGHIJKLMNOPQRSTUV
24px / Regular / 3%
ABCDEFGHIJKLMNOPQRSTUV
21px / Bold
ABCDEFGHIJKLMNOPQRSTUV
Body
本文
18px / Bold / 5%
ABCDEFGHIJKLMNOPQRSTUV
18px / Regular
ABCDEFGHIJKLMNOPQRSTUV
16px / Bold / 3%
ABCDEFGHIJKLMNOPQRSTUV
16px / Regular
ABCDEFGHIJKLMNOPQRSTUV
14px / Regular / 3%
ABCDEFGHIJKLMNOPQRSTUV
Caption
キャプション
12px / Regular
ABCDEFGHIJKLMNOPQRSTUV
11px / Regular
ABCDEFGHIJKLMNOPQRSTUV
Text Link
テキストリンク
サイズ任意 / デフォルト
ABCDEFGHIJKLMNOPQRSTUV
サイズ任意 / ホバー時
ABCDEFGHIJKLMNOPQRSTUV