和英混植のタイポグラフィを組む

多言語タイポの難しさ

日本語と英語が同じページに並ぶサイトは、フォント選定で 2 つの難題を抱える。
フォントメトリクスが違う: 日本語フォントは英文フォントより字面が小さい。同じ font-size を指定しても、日本語の方が小さく見える。
欧文 / 和文のペアリング: 「Inter + Noto Sans JP」のような無難な組み合わせは大量のサイトで採用されていて、識別性が薄い。

私は 7 種類のフォントセットで組み直した:
Bricolage Grotesque (英 display, variable wdth/opsz)
Instrument Sans (英 body)
Fraunces (英 serif italic, SOFT/WONK 軸)
Zen Kaku Gothic New (和 display)
Noto Sans JP (和 body)
Noto Serif JP (和 serif)
JetBrains Mono (mono)

なぜ Bricolage Grotesque を選んだか

英文 display を Inter から差し替えるのが最大の出発点だった。Inter は無印良品の文字みたいに「正解だが個性が無い」。デザイン業界の汎用解になりすぎている。

選んだのが Bricolage Grotesque（Mathieu Triay 設計）。variable axis に wdth (幅) と opsz (光学サイズ) があって、見出しを condensed で詰める / 本文サイズで自然に開く、という調整が同じ family 内で完結する。

これで「Atlas（観測図）」のキャラクターを作る巨大ナンバリングが組める。

Zen Kaku Gothic New は和文 display 用…