なぜ必要なのか

長い段落がある庭の便りを作るとします。読者が続く文章を読む際、細い文字と広い文字に同じ幅を与えると間隔が不自然になります。

どう解決するのか

庭の便りを読み、別の幅測定を見ます。読み込んだNoto SansではiとWの送り幅が異なります。数字は別に等幅で揃えられます。字間の変更が比例幅の定義ではありません。

庭の便りを読み、文字の送り幅を比べる
庭の便り / 9月

庭からの便り

任意の文字測定

iiiWWW 0123

書体の読み込み後に送り幅を表示します。

111.11888.88123.45

幅測定の入力は48pxから始まります。対応するラテン文字は表示の書体、韓国語と日本語はNoto CJKで表示します。ほかは代替書体になる場合があります。ガイドは文脈内で測定するため、接続や合字が範囲に影響する場合があります。

本文内の架空のデモです。リセット・再読み込みで初期状態に戻ります。

どんな考え方なのか

プロポーショナル — 比例幅の文字は異なる送り幅を使います。

対応文字や数字機能は異なるため、名称から推測せず読み込んだ書体を測ります。

W3C