[SOLUCIONADO] Letras separadas en Firefox

[Germano6]

Hola buenas, mi problema es que al ver mi página desde Chrome se ve normal, pero si la abro con Firefox las letras están separadas. Y eso es un problema porque en mi menú lateral no caben las palabras si se ve desde Firefox. Adjunto ejemplo:



Las dos son capturas con la misma resolución y mismo zoom, sin embargo las letras en firefox son más grandes y están más separadas.

Tiene que haber una solución porque yo cuando navego con Firefox no veo todas las páginas con las letras más separadas que en Chrome, lo veo todo igual. Este es el css del texto:

Código CSS:

body { 
font: 13px sans-serif; 
text-align: justify; 
}
 

[PHPeros]

Es normal que en distintos navegadores no se muestre idéntico.

Yo probaría dando un ancho fijo al contenedor:

Código CSS:

body { 
  width: 100%;
  font: 13px sans-serif; 
  text-align: justify; 
}
 

[Zeromm]

estaría bien poder ver la web, pero tiene toda la pinta de que es cosa del justificado. Las webs no se ven 100% igual en chrome que en firefox, de echo el chrome tenía "problemas" (uso comillas grandes!!) con algunos margenes por ejemplo. Seguramente en chrome el elemento padre de ese contenido mida un poquito mas uqe en firefox, entonces el texto al estar justificado se estira un poco más y aumenta su separación entre letras.

Una de las cosas en la que mas insisten los expertos en usabilidad es en no justificar nunca textos para web, porque en algunas lineas dificultan la lectura

[pzin]

Como ya han dicho pueden ser varias cosas, puede ser hasta que tengas el zoom activado en alguno de los dos.

También suele ayudar algún reset.css o normalize.css.

Zeromm: usabilidad != accesibilidad

[Germano6]

No, bueno el texto de mi menú no está justificado, pero sale igual de separado. Y los márgenes y el ancho no son problema porque están en px. No es eso y el zoom está al 100% en ambos.
El problema se solucionó en parte al cambiar la fuente sans-serif a arial, pero persiste en las letras en negrita (que son mis enlaces). Al poner letter-spacing: -1px en dichos enlaces la página se ve normal en firefox, pero en chrome se ven las letras superpuestas.
¿Alguna idea más?

[Zeromm]

bueno... pues para no estar justificado, la parte de tu css que dice: "text-align: justify;" no opina lo mismo xDDD

Estaría bien que enseñaras la web

[Germano6]

Muchas gracias por vuestra ayuda . Las letras en negrita se volvieron a juntar en Firefox cambiando a la fuente Helvetica. Jamás volveré a usar Arial.