Diferencias entre Tamaño de fuente 'Px' y 'Em'

La decisión de codificar sus tamaños de fuente, ya sea en "px" o "em" implica hacer un trade-off entre la preferencia ascético y legibilidad. Su elección tiene mucho que ver con el propósito de la página web y que van a ver las páginas. Considere las ventajas de cada método y las necesidades únicas de su sitio antes de elegir el método más adecuado para su diseño.

Beneficios de la 'Em'

El "em" es una unidad de medida en la tipografía derivado originalmente de la anchura de un M de capital en un tipo de letra en un tamaño de punto particular. Si está definida en Arial 10 puntos es igual a uno em, em luego dos es igual a 20 puntos. En las hojas de estilo en cascada, el EM se utiliza como unidad escalable donde uno em es igual a su tamaño de fuente estándar. Esto permite que el diseño para mantener la jerarquía incluso cuando se ve en un teléfono móvil o una pantalla grande. También permite a los usuarios con discapacidad visual que han establecido su tamaño de fuente por defecto más grande para ver la página con todas las fuentes en el tamaño relativo correcto. El World Wide Web Consortium (W3C) recomienda el uso de EMS como una buena práctica debido a su escalabilidad.

Beneficios de la 'Px'

"Px" es una unidad que se fija en el tamaño. Uno de píxeles (px) es igual a un píxel de la pantalla. El tipo de letra estándar de 12 puntos es igual a alrededor de 16 px. Esta unidad no se escala para dispositivos móviles más pequeños o para usuarios con problemas de visión, pero tiene muchos beneficios estéticos. Se da el control completo de diseño sobre el tamaño de la fuente en el diseño, lo que asegura que el tipo no va a salir de proporción con el resto de elementos de diseño de la página. Si usted tiene un tipo de imagen, utilizando px es esencial para asegurar que la jerarquía de la fuente en su diseño se mantiene, independientemente del dispositivo que su sitio se ve en la configuración del navegador o del usuario.

otras Unidades

Hay otras dos opciones para configurar fuentes en CSS: punto y por ciento. Puntos, como píxeles, no escalan. Por lo general es igual a 12 puntos del 100 por ciento. Los puntos se basan en el tamaño de la fuente impresa, no el tamaño del píxel en la pantalla. Como resultado de ello, las mediciones no son iguales.

Por ciento, al igual que el EMS, escalará, pero no va a escala de la misma manera como EMS. La diferencia en el cálculo del tamaño de entre 200 por ciento y dos ems depende del navegador. Sin embargo, si calcula mal, ya sea con ems o porcentajes, el usuario puede cambiar el texto para ser un mejor tamaño.

Considere la audiencia y el propósito

Si está diseñando un sitio para un viejo o joven audiencia que podría tener problemas de legibilidad, es importante utilizar una unidad escalable como EMS. El uso de EMS también es clave si su sitio se puede ver en los dispositivos móviles. Sin embargo, si los diseñadores gráficos son su público o el propósito del sitio es más acerca de la estética visual que sobre el contenido, utilice una unidad fija como píxeles para asegurarse de que la jerarquía de la fuente se conserva en cualquier situación.