同じ文字送り幅でテキストデータを揃え、字形や代替書体の範囲は別に確認します。
天気の記録を文字だけの表で示す画面を作るとします。測定値を列で比べる際、ラテン文字の幅が異なると位置がずれます。
天気の記録の時刻・気温・風の列を読みます。別の実験でiとWを比べ、見本と実測ガイドを調整します。対応するラテン文字は送り幅が同じで、リセットすると48pxに戻ります。
朝の観測記録
TIME TEMP WIND
07:00 12.4C NW03
08:00 14.1C NW05
09:00 16.8C W007同じ送り幅で文字の列を揃えます。
書体の読み込み後に送り幅を表示します。
幅測定の入力は48pxから始まります。対応するラテン文字は表示の書体、韓国語と日本語はNoto CJKで表示します。ほかは代替書体になる場合があります。ガイドは文脈内で測定するため、接続や合字が範囲に影響する場合があります。
本文内の架空のデモです。リセット・再読み込みで初期状態に戻ります。
任意の参考資料 · 概要の読了時間には含みません
コードや空白で揃える記録に等幅を使います。続く文章には比例幅が自然な場合があり、数値表なら数字だけの等幅で足りることもあります。サンセリフの形が等幅を意味するわけではありません。
架空のラテン文字の観測値で列の整列を示します。ログ・コード・識別子にも応用できます。行列の関係を明示する必要がある場合は意味のある表が適します。
document.fonts.ready後に実際の書体を確認します。一つのテキストノードをRangeで測り字形処理を保ちますが、合字・結合文字・代替字形は範囲に影響します。実験と実用の見本を分け、各言語の対応文字を検査します。
汎用書体分類と数字の機能を定義します。実際の送り幅は読み込んだ書体と字形処理に依存します。
確認狭い画面や拡大の検査を支えるもので、配置や書体の定義ではありません。
確認| 概念 | 特徴 | 利点 | 制約 | 適する状況 | 組み合わせ条件 |
|---|---|---|---|---|---|
| 等幅 | 同じ文字送り幅でテキストデータを揃え、字形や代替書体の範囲は別に確認します。 | 同じラテン送り幅がコードと資料の列を揃えます。 | CJK、絵文字、結合文字、代替書体では異なるため、対応文字を確認します。 | コードや整列したラテン文字の資料に向きます。 | 等幅コードの隣に比例幅の説明文を置けます。 |
これからプロジェクトを始めますか？説明を入力して最初のプロンプトを準備しましょう。
自分に合うプロンプトを作る →すでに外部AIと会話中なら、この記事のリンクと自分のプロジェクトに合う理由、重視する利点や制約を伝えましょう。合意した要件にどう適用するか依頼してください。
この記事のリンク: 等幅
この選択を話し合う
コメントは全言語で共有。投稿にはGitHubログインが必要です。