css - style - tamaño de letra html
Tamaño de fuente consistente en navegadores(desarrollo web) (5)
Al crear páginas web, ¿cómo logramos un tamaño de letra constante en todos los navegadores? He usado algo como "font-size: 11pt; font-family: Helvetica,''Lucida Grande''" en mi CSS, pero el texto se ve diferente en Firefox, IE, Google Chrome y Safari (y esto ni siquiera está en diferentes plataformas ) Básicamente en la misma máquina, que ejecuta Windows Vista, obtengo un aspecto y una sensación diferente bajo diferentes navegadores.
¿Cómo se puede arreglar esto para que el tamaño del texto aparezca igual en todos los navegadores diferentes?
Al crear páginas web, ¿cómo logramos un tamaño de letra constante en todos los navegadores?
Para el texto del cuerpo principal, no es así. Algunas personas quieren texto más grande para que puedan leerlo más fácilmente; ponerse en su camino a su riesgo. Use tamaños de fuente relativos en unidades como ''em'' o ''%''.
Para pequeñas cantidades de texto de presentación donde necesite un tamaño de texto que coincida con los elementos en pantalla del tamaño de píxel, use la unidad ''px''. No use ''pt'': eso solo tiene sentido para la impresión, cambiará de tamaño de forma más o menos aleatoria cuando se ve en la pantalla.
Todavía puede obtener el texto exactamente del mismo tamaño porque las fuentes difieren entre plataformas, y Lucida Grande y Helvetica se ven muy diferentes, por supuesto.
Deberá usar un Restablecimiento CSS para intentar obtener un comportamiento consistente en todos los navegadores.
Esto no responde, ya que hay formas de lograr lo que necesita, pero no estoy muy versado en ellas. Comience con el "reinicio" que suelen ofrecer los marcos como blueprint e ir desde allí.
Por lo general, es mucho más fácil e inteligente que los diseños sean lo suficientemente flexibles para que las pequeñas diferencias entre los navegadores no jueguen un papel demasiado importante.
Use px (píxeles) en lugar de pt (puntos) para las unidades de tamaño de fuente. Entonces lidiarás con tamaños de píxeles.
Sin embargo, ten cuidado, dependiendo de cómo se usa tu sitio. Se han presentado demandas (en los EE. UU.) Por problemas de accesibilidad en los sitios web que resultan del "código rígido" del tamaño de la fuente.
Con estas dos configuraciones, puede alcanzar la misma apariencia de fuente exacta:
font-size: 70%; // better than px
line-height: 110%; // required to make line heights the same
Probado: IE9, Firefox, Google Chrome