Разница между размером текста CSS px и pt

В CSS веб-дизайна часто используются шрифты, и для установки размера шрифта обычно используются две единицы: px и pt. В чем разница между этими двумя?

px: пиксель, пиксель, наименьшая единица измерения, отображаемая на экране;

pt: точка, точка — стандартная единица длины в полиграфии, 1pt = 1/72 дюйма;

В Windows настройки отображения по умолчанию определяют текст как 96 точек на дюйм. Это иллюстрирует: 1px=1/96 дюйма и 1pt=1/72 дюйма. Можно сделать вывод, что при этой настройке 1px=0,75pt, шрифт 9pt=12px.

Однако пользователь может изменить размер dpi, определенный текстом, например, изменить его на 144 dpi. Таким образом, 1px=0,5pt, а размер шрифта составит 9pt=18px. Текст, который изначально состоял из 12 пикселей, теперь должен состоять из 18 пикселей. Чем больше пикселей, тем больше текст становится и его легче читать.

Таким образом, разница между px и pt заключается в том, что px будет меняться в зависимости от разрешения монитора, а pt будет меняться в зависимости от настройки размера шрифта системы Windows.