La différence entre la taille du texte CSS px et pt

Dans les CSS de conception Web, les polices sont souvent utilisées et il existe deux unités couramment utilisées pour définir la taille de la police : px et pt. Quelle est la différence entre ces deux-là ?

px : pixel, pixel, la plus petite unité affichée à l'écran ;

pt : point, point, est une unité de longueur standard dans l'industrie de l'imprimerie, 1pt = 1/72 pouce ;

Sous Windows, les paramètres d'affichage par défaut définissent le texte à 96 dpi. Ceci illustre : 1px=1/96 pouce ; et 1pt=1/72 pouce. On peut conclure que dans ce paramètre, 1px=0,75pt, la police 9pt=12px.

Cependant, l'utilisateur peut modifier la taille dpi définie par le texte, par exemple, la changer en 144 dpi de cette façon, 1px=0,5pt, et la taille de la police est 9pt=18px. Un texte initialement composé de 12 pixels doit désormais être composé de 18 pixels. Avec plus de pixels, le texte devient « plus grand » et plus facile à lire.

Par conséquent, la différence entre px et pt est que px changera avec la résolution du moniteur et pt changera avec le paramètre de taille de police du système Windows.