Теория
Размер шрифта измеряют в пунктах (pt), пикселях (px) и относительных единицах em и rem. Пиксель — физическая точка экрана, пункт — типографская мера: \(1\) pt = \(\frac{1}{72}\) дюйма, а при стандартном разрешении 96 dpi \(1\) дюйм = 96 px, поэтому \(1\) px = \(0{,}75\) pt.
Относительные единицы привязаны к размеру шрифта: \(1\) em равен текущему размеру шрифта элемента, \(1\) rem — размеру корневого шрифта документа. Они удобны для вёрстки, потому что масштабируются вместе с настройками пользователя.
Важно: в вебе принято, что базовый размер 16 px; поэтому \(1\) rem обычно равен 16 px, если пользователь не изменил масштаб.
Пример с решением
- Условие. Сколько пунктов составляют 16 пикселей при 96 dpi?
- Формула. \(pt = px \times 0{,}75\) при 96 dpi.
- Подстановка. \(pt = 16 \times 0{,}75\).
- Вычисление. \(pt = 12\).
- Ответ. 16 px = 12 pt. Калькулятор с полем 16 и парой «px → pt» даст тот же результат; при базовом шрифте 16 px это же значение равно 1 em.
Главное
- 1 pt = 1/72 дюйма; при 96 dpi 1 px = 0,75 pt.
- 1 em — текущий размер шрифта, 1 rem — корневой.
- Базовый размер в вебе обычно 16 px.