プロポーショナルフォントと等幅フォント - CSS

同じテキストでもフォントによって幅が異なることがある。
これはおそらく、プロポーショナルフォントという、文字ごとに文字幅が異なるフォントによるものだ。

CSS の font-family プロパティに、プロポーショナルフォントを指定している場合、たとえ、テキストの文字数が同じでも、内容によって、テキストの幅が異なることに気づく。

等幅フォント

等幅フォントは、どの文字も同じ幅であるフォント。
"Courier New", Consolas, monospace など。

プロポーショナルフォント

プロポーショナルフォントは、文字の種類によって幅が異なるフォント。
Arial, Helvetica など。