プロポーショナルフォントと等幅フォント - CSS
published:
同じテキストでもフォントによって幅が異なることがある。
これはおそらく、プロポーショナルフォントという、文字ごとに文字幅が異なるフォントによるものだ。
CSS の font-family プロパティに、プロポーショナルフォントを指定している場合、たとえ、テキストの文字数が同じでも、内容によって、テキストの幅が異なることに気づく。
等幅フォント
等幅フォントは、どの文字も同じ幅であるフォント。
"Courier New", Consolas, monospace など。
プロポーショナルフォント
プロポーショナルフォントは、文字の種類によって幅が異なるフォント。
Arial, Helvetica など。