Diferentes unidades para escalar el texto según las necesidades del proyecto
px: Valor absoluto, preciso
em: Relativo al elemento padre
rem: Relativo al elemento raíz
%: Relativo al padre en porcentaje
px
Píxeles
Tipo
Absoluta
Ejemplo
font-size: 16px;
Mismo valor en cualquier situación
em
Relativo
Tipo
Al padre
Ejemplo
font-size: 1.2em;
Multiplicado por el tamaño del padre
rem
Relativo
Tipo
Al raíz
Ejemplo
font-size: 1.2rem;
Multiplicado por el tamaño de html
%
Porcentaje
Tipo
Al padre
Ejemplo
font-size: 120%;
Porcentaje del tamaño del padre
recommend Recomendación: Usar rem para mantener la escalabilidad y facilidad de mantenimiento