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ética y la legibilidad . Su elección tiene mucho que ver con el propósito de la página web y que será ver las páginas . Tenga en cuenta las ventajas de cada método y las necesidades específicas de su sitio antes de elegir el método más adecuado para su diseño. Beneficios de la 'Em '
"em " es una unidad de medida en la tipografía derivado originalmente de la anchura de una M mayúscula en una fuente con un tamaño determinado punto . Si Arial encuentra en 10 puntos equivale a un em , luego dos eme equivale a 20 puntos. En las hojas de estilo en cascada , el em se utiliza como unidad escalable donde se em igual el tamaño de fuente estándar. Esto permite 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 puesto su tamaño por defecto más grande para ver la página con todas las fuentes en el tamaño relativo correcto. El Consorcio World Wide Web ( W3C) recomienda utilizar ems como una buena práctica debido a su escalabilidad.
Beneficios de ' Px '
" Px " es una unidad que se fija en el tamaño. Una píxeles ( px ) es igual a un píxel en la pantalla. El tipo de letra de 12 puntos estándar es igual a aproximadamente 16 px. Esta unidad no escalar para dispositivos móviles más pequeños o para usuarios con deficiencias visuales , pero tiene muchos beneficios estéticos . Se da el control completo de diseño sobre el tamaño de la letra en el diseño, lo que garantiza 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 el tipo de una imagen , utilizando px es esencial para asegurar que la jerarquía de fuentes en el diseño se mantiene , independientemente del dispositivo que su sitio es visto o en la configuración del navegador del usuario.
< Br > otras Unidades
Hay otras dos opciones para configurar las fuentes en CSS : punto y porcentaje . Puntos , como píxeles, no escalar . En general, 12 puntos equivale al 100 por ciento. Los puntos se basan en el tamaño de la letra impresa , no el tamaño del píxel en la pantalla . Como resultado de ello , las medidas no son iguales.
Por ciento, como el ccsme, tendrá un efecto multiplicador , pero no va a escalar en la misma forma que el ccsme . La diferencia en el cálculo del tamaño de entre 200 y dos por ciento ems depende del navegador . Sin embargo , si usted calcula mal con cualquiera de ems o porcentajes , el usuario puede cambiar el texto para ser un mejor tamaño.
Considere Audiencia y Propósito
Si está diseñando un sitio para un público joven o viejo que podía tener problemas de legibilidad , es importante utilizar una unidad escalable como ems . Usando 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 fuente se mantiene en cualquier situación.
