Пиксели
Указание размера в пикселях - это наилучший вариант, чтобы убедиться, что шрифт будет отображаться в нужном размере, поскольку значение в процентах и единицах em могут варьироваться, если пользователь изменит используемый в браузере размер текста по умолчанию.
12 - пиксельная шкала
h1 — 24px
h2 — 18px
h3 — 14px
body — 12px
16 - пиксельная шкала
h1 — 32px
h2 — 24px
h3 — 18px
body — 16px
Проценты
В web - браузерах размер текста по умолчанию равен 16 пикселям. При использовании процентных величин, вы можете создать шкалу с размером текста по умолчанию в 12 пикселей и размерам заголовков, масштабирующимися относительно данного значения.
12 - пиксельная шкала
h1 — 200%
h2 — 150%
h3 — 117%
body — 75%
16 - пиксельная шкала
h1 — 200%
h2 — 150%
h3 — 133%
body — 100%
Единицы EM
Данное измерение позволяет изменить размер текста относительно размера текста в родительском элементе. Поскольку, как я говорил раньше, в браузерах размер текста по умолчанию 16 пикселей, соответсвенно вы можете использовать правила, аналогичные тем, которые используются для значений в процентах.
12 - пиксельная шкала
h1 — 1.5em
h2 — 1.3em
h3 — 1.17em
body — 100%
p — 0.65em
16 - пиксельная шкала
h1 — 2em
h2 — 1.5em
h3 — 1.125em
body — 100%
p — 1em
Благодарю за прочтение моей статьи, надеюсь вы извлекли из неё достаточно полезной информации, которая вскоре поможет с выбором единиц измерения для Вашего Сайта !
Не забывайте подписываться, с каждым днём качественного контента будет все больше и больше ✅
С уважением IThouse 💻