Efecto diferente de la etiqueta en negrita en IE y Chrome

Question

He rodeado el texto con una etiqueta en negrita, se muestra de manera diferente en IE y Chrome.

Imagen de IE ->

Imagen de Chrome ->

¿Alguien puede averiguar qué se puede hacer aquí?

Gracias

Answer 1

Ambos navegadores tienen un motor de representación / diseño diferente , los resultados probablemente podrían ser diferentes.

• IE 8 usa Trident 4.0
• Chrome utiliza Webkit 53n. ##

Es una cuestión de gusto y experiencia aplicada de los desarrolladores de ambos lados que ofrece una interpretación diferente sobre cómo renderizar fuentes (e imágenes, HTML, etc...)

Pero en la mayoría de los casos, no importa ;).

Más cosas aquí y aquí

Answer 2

IE y Chrome renderizan la etiqueta <b> de manera diferente, generalmente debido al CSS predeterminado de los navegadores y cómo el motor decide convertirlo en una solución para acercarlos a lo mismo sería usar css.

<b id="example">Time</b>

#example {
font-weight:bold;
font-size:20px;
}

Sin embargo, en verdad, tendrá que esperar algunas diferencias en la apariencia de cada navegador, solo usted puede decidir cuál es una diferencia aceptable :)

Answer 3

Intenta usar <strong> en su lugar.Puede ser más consistente. Además, asegúrese de que la fuente sea del mismo tamaño en cada navegador?¿Se establece explicadamente?

Aparte de eso, Chrome e IE rinden las cosas de manera diferente. Es decir, puede hacer que el texto sea más ancho, usando ClearType.

Hay una discusión sobre deshabilitar ClearType aquí: IE8: ¿Deshabilitar ClearType?

Answer 4

Aparte de cortar todo el texto como imágenes, no hay nada que pueda hacer al respecto.Los motores de renderizado, las fuentes instaladas, el ajuste / desactivación de ClearType, las preferencias del usuario, etc., conspirarán en su contra cuando se trata de tipografía web.