Comportamiento extraño tamaño de fuente en firefox

lvfp · #1 (**permalink**) 29/04/2010, 15:12

Hola:

me ocurre lo siguiente:

Tengo un título de 2 nivel <h2> con un tamaño de fuente 1.6 em

En explorer 6, chrome y opera se ve igual, pero en firefox 3.6.3 ocupa más espacio.

Si pongo 1.5 em, se igualan todos menos explorer 6 que queda más pequeño (siendo explorer no me extrañan cosas así)...

Con 1.7 em se igualan todos.

¿Esto tiene algún motivo conocido o es una cosa de esas que ocurren por que sí?
S2

jomaruro · #2 (**permalink**) 30/04/2010, 03:43

Hola:

Puede depender de la tipografía y el tamaño que tengas definido por defecto en cada navegador ¿Los tienes iguales?

Saludos.

lvfp · #3 (**permalink**) 30/04/2010, 05:37

Hola.

El tamaño, aunque no sea muy purista, se lo indico para <body> 13px, fuente trebuchet MS.
Además sí tengo configurados igual los navegadores.

El problema viene porque el título de la web tiene el típico reflejo en el suelo, como si estuviera en agua o cristal. El reflejo es imagen pero el título es texto, ya sé que como el usuario varíe el tamaño de fuente se me va el diseño al garete, pero sin variarla se ve distinto en según qué navegador.

Carlangueitor · #4 (**permalink**) 30/04/2010, 10:35

Esto es una suposición mía, pero según he visto Internet Explorer renderea las fuentes de una manera y firefox de otra (y los otros navegadores tienen otra), entonces cuando usas em en tamaños pequeños (em es una medida que se toma del ancho del carácter de la m) puede haver ligeras variaciones (normalmente no visibles pero como necesitas que queden iguales se nota).

Lo mejor sería usar PX para ese texto (aunque yo usaría la imagen directamente).

Saludos

lvfp · #5 (**permalink**) 30/04/2010, 11:13

Gracias por las respuestas.

Lo he solucionado poniendo otro tamaño, pero me picaba la curiosidad de que 3 navegadores "ultimo modelo" como chrome , opera y firefox tuvieran esa diferencia, que no es ligera, se nota cantidad, se desplaza dos letras más o menos.

Sobre lo poner imagen no quiero por motivos de títulos, me interesa que las etiquetas h1 y h2 tengan texto relativo al contenido de la página. Y lo del reflejo fue una prueba que gustó al cliente y quiere que lo mantenga.

Carlangueitor · #6 (**permalink**) 30/04/2010, 11:57

Si pones una imagen dentro del H1 con el texto que quieres en el alt tienes el mismo valor semántico que pusieras solo texto.

Saludos

lvfp · #7 (**permalink**) 30/04/2010, 16:28

Es decir, ¿cualquier imagen que ponga, el texto alternativo tiene el mismo valor para un robot buscador que si escribo directamente?... vaya, eso lo desconocía y nunca me había parado a pensar en eso., muchas gracias... esto valdrá para botones, títulos de secciones... interesante, aunque no convendrá abusar, poner muchas imágenes cargará demasiado la página.

S2