¿Cuáles son las ventajas & desventajas de cada uno? em, px, % y pt?Mejor unidad para tamaños de fuente en CSS
Mi opción actual son porcentajes, la única razón es porque a nivel mundial puedo cambiar el tamaño de fuente de todos los elementos, con sólo modificar el tamaño de fuente en el elemento raíz (cuerpo)
Recomendaría EM, simplemente porque uso Baseline CSS para mi configuración básica de formularios, diseño y, más importante, tipo.
No se puede recomendar lo suficiente: http://baselinecss.com/
tal vez ha cambiado desde que se publicó esta respuesta, pero baselinecss.com usa píxeles para tamaños de fuente (nov 2012)) –
Sí, parece que el autor de Baseline ha dejado de usar em, como se cita en la página principal de Baseline: "Baseline está construido con píxeles, es casi imposible crear una línea base regular utilizando ems debido al redondeo de la unidad del navegador errores que hacen que las líneas base basadas en ems cambien ligeramente de forma impredecible ". – 10basetom
Niza pregunta!
Yo estoy usando píxeles porque me gusta cuando todo está arreglado.
Pero checkout este artículo:
http://kyleschaeffer.com/best-practices/css-font-size-em-vs-px-vs-pt-vs/
podría ayudar a tomar una decisión. Creo que todo esto es muy personal. O depende de lo que esté haciendo, supongo
Mi formación diseño original dijo em es donde sea posible.
Creo que una razón principal es que los diferentes navegadores y dispositivos tienen diferentes resoluciones, lo que una vez más se está convirtiendo en un gran problema.
Creo que con frecuencia es mejor usar em's y%, ya que son una capa de abstracción, especialmente en comparación con los píxeles. Ambos son similares en algunos aspectos como "100%" = "1em". Otro problema con la unidad de píxeles es que no escala hacia arriba para los lectores con discapacidad visual.
Hoy en día, para la consideración de dispositivos móviles, paneles, etc. a menudo es mejor tener hojas de estilo/reglas específicas para cada uno.
Además, para cuestiones de impresión, em funciona bien.
He visto una unidad em llamada estándar para tamaños de fuente en la web, pero la unidad de porcentaje a menudo ofrece una visualización más uniforme y accesible. Cuando se cambian las configuraciones del usuario, el porcentaje de texto se escala y conserva la legibilidad, la accesibilidad y el diseño visual.
Siempre uso ems. El uso de% es similar, pero significan algo más cuando se usan en una declaración de margen o margen (relleno: 1em 0; no es lo mismo que relleno: 100% 0;). Así que solo use ems que quiera decir en relación con el tamaño de fuente actual, y evite cualquier confusión.
Beneficio adicional o utilizando ems es posible, por ej. utilice una consulta de medios y body{font-size: 120%} para darles a los usuarios de dispositivos móviles un tamaño de letra ligeramente mayor.
Aquí hay un enlace a uno de mis artículos favoritos en el dimensionamiento del texto con CSS de AListApart:
http://www.alistapart.com/articles/howtosizetextincss
punto de vista semántico, se prefiere em, pero siempre me he encontrado que es problemático porque afecta cada elemento hijo inclusive. Si su diseño anida 4 o 5 divs y cada uno tiene una .75 em, para cuando llegue al último div infantil, su texto será casi ilegible.
Mi preferencia es pt porque funciona con varios sistemas operativos (lo que permite que el sistema decida qué es un pt) en lugar de usar px, lo que realmente puede poner un pellizco a la legibilidad de un sitio según la resolución. Em se considera el "estándar" para css, pero tiene tantos problemas como los demás, pero tiene la ventaja de generar una cascada en todo el mundo.
Puede cambiar globalmente 'font-size' con cualquiera de esas unidades. – yoda
hmm no lo creo ... – Alex
no hay una regla de pulgar fija, supongo, generalmente uso em y% ya que son más relativos que px y pt, que son más absolutos y pueden no ofrecer la mejor visualización posible. Eche un vistazo a esto: http://www.w3.org/Style/Examples/007/units.en.html – Amn