Los em se basan básicamente en un tamaño de píxel de todos modos.
La forma en que funcionan es que tiene un tamaño base, digamos 16px = 1em.
Entonces es una ecuación simple obtener otros tamaños 2em = 32px, 0.5em = 8px.
Debería diseñar en em, la razón principal es esta: el cliente de repente dice ‘el texto es demasiado pequeño, ¿puede agrandar todo el texto’?
- ¿Qué fundiciones ofrecen buenos tipos de letra para leer textos largos en pantalla y tienen licencias que permiten incrustar en aplicaciones y uso web autohospedado?
- ¿Por qué hay tan pocos logotipos de revistas con letras escritas y tantos en diseño tecnológico?
- Reconocimiento óptico de caracteres: ¿Qué fuentes tienen la mejor precisión de copia en las copiadoras Xerox?
- Tipografía: ¿Qué significa Helvetica para ti?
- ¿Cómo deciden las fundiciones de tipos o los diseñadores de tipos qué fuentes regalar gratuitamente con fines promocionales cuando lanzan una nueva tipografía?
Intenta hacerlo con píxeles, ¡es una pesadilla!
La otra belleza de los em es que puedes combinarlos con tamaños porcentuales.
Por lo tanto, puede crear un sitio que permita a los usuarios elegir su tamaño de fuente.
JavaScript simple para cambiar el tamaño del cuerpo de 100-120% y mágicamente todo su sitio se ajusta.
No use nada más (no use% age para otra cosa que no sea el ajuste del tamaño base, ya que tienen algunas propiedades de escala bastante extrañas).
Finalmente, los em son el camino a seguir debido al cambio en la densidad de píxeles de las pantallas: son mucho más fáciles de administrar cuando tiene pantallas de densidad * 2 o densidad * 4.
Como ‘bono’ final, usar em significa que si piensas ‘Quiero que este texto tenga el mismo tamaño que x’, ¡generalmente es más fácil recordar que hiciste algo 1.2em que 22px!