em vs. px vs. pt vs. percent
Одним из наиболее запутанных аспектов CSS является применение font-size атрибута для масштабирования текста. Используя CSS, вы можете изменить размер текста в браузере с помощью четырех разных единиц измерения. Какая из этих четырех единиц лучше всего подходит для веб? Поиск окончательного ответа затруднен, поскольку вопрос сам по себе сложный.
Итак, в чем же разница?
Легко будет понять разницу между единицами font-size, когда вы увидите их в действии. Как правило, 1em = 12pt = 16px = 100%. При использовании этих размеров шрифта, давайте посмотрим, что происходит, когда вы увеличиваете базовый размер шрифта (с использованием CSS селектора body) от 100% до 120%.

Когда в браузере клиента размер текста установлен в «средней», то незаметно никакой разницы между «em» и \”%\”. Однако, если параметр изменять, разница становится очень большой. При установке «Smallest» «em» гораздо меньше, чем \”%\”, а при установке «Largest» наоборот «em» отображается гораздо большим, чем \”%\”. И хотя многие утверждают, что единицы в «em» масштабируются так, как задумано, на практике текст в «em» масштабируется слишком резко, и при этом наименьший текст становится неразборчивым на некоторых машинах.
Вердикт
В теории, единицы «em» — это новый и предстоящий стандарт размера шрифта в Интернете, но на практике, единицы в \”%\” позволяют отображать текст для пользователей более последовательно и удобно. При смене параметров клиента, текст в \”%\” изменялся в разумных пропорциях, что позволяет дизайнерам сохранить читабельность, доступность, и дизайн. Победитель: процент (%).
Лично я при верстке предпочитаю px и percent.