Der Unterschied zwischen CSS-Textgröße px und pt

Im Webdesign-CSS werden häufig Schriftarten verwendet, und es gibt zwei häufig verwendete Einheiten zum Festlegen der Schriftgröße: px und pt. Was ist der Unterschied zwischen diesen beiden?

px: Pixel, Pixel, die kleinste auf dem Bildschirm angezeigte Einheit;

pt: Punkt, Punkt, ist eine Standardlängeneinheit in der Druckindustrie, 1pt = 1/72 Zoll;

In Windows definieren die Standardanzeigeeinstellungen Text als 96 dpi. Dies zeigt: 1px=1/96 Zoll; und 1pt=1/72 Zoll. Daraus lässt sich schließen, dass in dieser Einstellung 1px=0,75pt, die Schriftart 9pt=12px ist.

Der Benutzer kann jedoch die durch den Text definierte dpi-Größe ändern, beispielsweise auf 144 dpi. Auf diese Weise beträgt 1 Pixel = 0,5 Punkt und die Schriftgröße beträgt 9 Punkt = 18 Pixel. Ein Text, der ursprünglich aus 12 Pixeln bestand, muss jetzt aus 18 Pixeln bestehen. Mit mehr Pixeln wird der Text „größer“ und leichter lesbar.

Daher besteht der Unterschied zwischen px und pt darin, dass sich px mit der Auflösung des Monitors und pt mit der Schriftgrößeneinstellung des Windows-Systems ändert.