Преимущества использования единицы EM вместо px при настройке шрифтов в дизайне заключаются в упрощении масштабирования. 2

EM использует текущий размер шрифта родительского элемента в качестве основы и позволяет увеличивать или уменьшать размер шрифта элемента в зависимости от этого размера. 1 Например, если родительский div имеет размер шрифта 16px, то при установке размера шрифта 1em для элемента параграфа размер шрифта параграфа будет 16px. 1

Однако не рекомендуется использовать EM при сложной иерархии вложенных элементов, так как это может привести к неконтролируемому масштабированию размера текста. 13

Вместо EM для настройки шрифтов можно использовать единицу rem, которая учитывает предпочтения пользователя и настройки его браузера. 4 Она задаёт размер относительно шрифта корневого элемента, и размеры, указанные в rem, будут пропорционально масштабироваться. 4