メインコンテンツへスキップ
Context Grammar文脈を読むAI

書体の役割

文字が指定するのは書体ではなく、見出し・本文・ラベル・人の言葉・データという役割です。スイッチを切り替えると、サンプルの見出しの書体がすべて入れ替わります。日本語には専用の書体があります。

Context changes the answer.

Intent First reads language as intent, context and constraints, not as menu paths.

Intent First reads language as intent, context and constraints, not as menu paths.

Design system

Design system · 0123456789

日本語(lang=ja)

状況が変われば、答えも変わる。

Intent First は、言葉をメニュー操作に当てはめず、意図・文脈・制約として読み取ります。

Intent First は、言葉をメニュー操作に当てはめず、意図・文脈・制約として読み取ります。

デザインシステム

デザインシステム · 0123456789

使い方

こうする

  • 書体は役割(display、body、label、voice、data)で選び、書体名では指定しません。

こうしない

  • 和文の書体を個別に指定しない。役割ごとの指定が M PLUS 2 と Noto Serif JP に切り替えてくれます。

使っているトークン

使っているトークン
--font-display…
--font-body…
--font-label…
--font-voice…
--font-data…

値はスタイルシートからその場で読み込んでいるため、サイトの表示テーマに合わせて変わります。

使っている場所