Когда использовать относительные величины для шрифта

Относительные величины (em, rem, %) лучше использовать, когда нужно обеспечить масштабируемость интерфейса.

• rem (относительно корневого html) — идеален для глобальных размеров, т.к. не зависит от контекста родителя.
• em (относительно родителя) — полезен для компонентов, где размеры должны масштабироваться относительно своего контекста (например, кнопки с иконками).
• % — аналогичен em, но чаще применяется для ширины/высоты.

Пример с rem для адаптивности:

html { font-size: 16px; }  
@media (max-width: 768px) {  
  html { font-size: 14px; } /* Все rem-размеры масштабируются */  
}  

h1 { font-size: 2rem; } /* 32px → 28px на мобильных */  

Когда избегать: для точных пиксельных размеров (например, бордеры) или когда абсолютный контроль критичен.