CSSのテキストサイズpxとptの違い

Web デザインの CSS ではフォントがよく使用されますが、フォント サイズの設定には px と pt という 2 つの単位がよく使用されます。これら 2 つの違いは何ですか?

px: ピクセル、ピクセル、画面上に表示される最小単位。

pt: ポイント、ポイントは印刷業界における長さの標準単位であり、1pt = 1/72 インチです。

Windows では、デフォルトの表示設定でテキストが 96dpi として定義されます。これは、1px=1/96 インチ、1pt=1/72 インチを示しています。この設定では、1px=0.75pt、フォントは 9pt=12px であると結論付けることができます。

ただし、ユーザーはテキストによって定義された dpi サイズを変更できます。たとえば、1px=0.5pt に変更し、フォント サイズを 9pt=18px に変更します。もともと 12 ピクセルで構成されていたテキストは、18 ピクセルで構成する必要があります。ピクセルが増えると、テキストが「大きく」なり、読みやすくなります。

したがって、px と pt の違いは、px はモニターの解像度によって変化し、pt は Windows システムのフォント サイズ設定によって変化することです。