Ubuntu Firefox se representa de manera diferente

Question

Firefox en Ubuntu parece renderizar algo de HTML de forma considerablemente diferente en comparación con otros navegadores. En particular, algunas fuentes/estilos en Ubuntu se están volviendo mucho más grandes y las columnas de texto que dependen del mismo número de saltos de línea para mantenerlas alineadas ya no están alineadas en Ubuntu Firefox.

Me han dado algo de HTML que se hizo en iWeb y se muestra correctamente en todos los navegadores más importantes a excepción de Firefox en Ubuntu. (Firefox en Windows funciona bien)

Estoy ejecutando Firefox 3.0.12 en Ubuntu y tengo el complemento de modificaciones de Ubuntu Firefox desactivado.

¿Qué podría estar causando esta discrepancia problemática con Firefox en Ubuntu?

Actualización: He descubierto que una copia del código HTML almacenado localmente en mi propia máquina realmente hace que las columnas alineadas correctamente, pero cuando se ve en línea se convierte en no alineado.

He intentado instalar el paquete de fuentes de Microsoft, pero eso no ha ayudado.

Actualización 2: Con el problema de las columnas, parece haber al menos dos problemas. Una es que iWeb rompió una de las columnas en dos bloques de código y la colocó alrededor del código para la otra columna. Una vez que me aseguré de que cada columna fuera creada por un bloque contiguo de código y eliminara algunos divs ahora redundantes, la alineación era mucho mejor en Ubuntu pero no perfecta. Estos cambios no parecen afectar el renderizado en otros navegadores tampoco.

Excavando alrededor con Firebug, parece que puedo solucionar el problema completamente en Ubuntu eliminando los atributos de tamaño de fuente para todo el texto relevante. Sin embargo, esto rompe la alineación en todos los otros navegadores, ahora vuelvo al punto uno otra vez.

(Y sí, ya sé que la forma en que el HTML se ha diseñado es un poco mala práctica, pero yo sólo he estado dado el código así que realmente no tienen mucha elección)

Answer 1

Tal vez sea porque las fuentes no se tratan de la misma manera en Windows y en Linux? ¿O tal vez las fuentes que está utilizando en Windows no están instaladas o la máquina Ubuntu?

Ese "problema" no parece estar limitado a Firefox: buscando en Google un poco, encontré publicaciones que decían lo mismo con OpenOffice, por ejemplo.

En vistoso hay paquete llamado ttf-mscorefonts-installer que debe ayudar al respecto: se instala fuentes como:

• Andale Mono
• Arial Negro
• Arial (Gras, Italique, Italique Gras)
• Comic Sans MS (Gras)
• Courier Nuevo (Gras, Italique, Italique Gras)
• Georgia (Gras, Italique, I talique Gras)
• Impacto
• Times New Roman (Gras, Italique, Italique Gras)
• Trebuchet (Gras, Italique, Italique Gras)
• Verdana (Gras, Italique, Italique Gras)
• Webdings

(lo siento, mi sistema está en francés; "gras" significa "negrita"; habrá adivinado que "italique" significa "cursiva" ^^)

Como anotación al margen, esto:

En particular, algunas fuentes/estilos en Ubuntu se están convirtiendo en mucho más grande y columnas de texto que se basa en números iguales de saltos de línea para mantenerlos alineados ya no están alineados en Ubuntu Firefox.

Definitivamente no es una buena práctica.

Tiene un problema con las fuentes que no están instaladas (probablemente); pero ¿qué pasa con un usuario que establece su navegador para:

• el zoom las fuentes para un sitio web en particular
• o definir un tamaño mínimo de fuente?

Eso se puede hacer en casi cualquier navegador - no solo Firefox ni Linux ...

Y algunas personas hacer eso - yo: mis ojos no son perfectos (que no está mal tampoco), y me parece demasiado pequeñas fuentes veces es difícil de leer, por lo general, me puse un tamaño mínimo de fuente en Firefox ; y, sí, destruye el diseño en algunos sitios web :-(

Y si hago eso, supongo que no soy el único: cada vez hay más personas mayores en Internet que tienen problemas con su ojos, por ejemplo ...
Por ejemplo, mi abuelo recientemente obtuvo una computadora, tuve que configurar su resolución de pantalla a algo así como 1024x780 en su pantalla LCD de 19p, y el tamaño máximo de fuente en las ventanas, para que pudiera leer ... Y sí, eso hace que todos los que usan su computadora casi lloran ^^ Pero es la única forma en que puede leer ...

Answer 2

¿Está utilizando el mismo Versión en Windows?

Puede intentar iniciar FF en modo seguro o crear otro perfil de usuario.

Answer 3

Lo más probable es que se trate de fuentes. Si el navegador no encuentra la fuente contenida en las hojas de estilo, la reemplazará con una fuente que considere adecuada.

Desafortunadamente, Ubuntu no viene con muchas fuentes. Hay un paquete llamado msttcorefonts que contiene múltiples fuentes de Microsoft. Se puede instalar usando:

sudo apt-get install msttcorefonts 

Sin embargo, si los usuarios no tienen las fuentes particulares que necesita, que verá la página diferente.

Le recomiendo que no haga que su diseño dependa demasiado de la fuente. Sin embargo, si esto es una necesidad, considere otras formas de representar el texto (como usar Javascript, si es un título, por ejemplo).

Answer 4

Una buena.
Por suerte para ti, la solución debería ser simple: instala las fuentes MS en tu máquina ...

Explained here for example

Answer 5

Tengo las MS Fonts instaladas, pero todavía Firefox 3.0.13 en Ubuntu Jackalope muestra muchos sitios de una manera diferente. Y en el caso de un Joomla! sitio web mío: http://imagewize.net de la manera incorrecta. El cuadro de búsqueda del menú superior y el botón Contac us se superponen entre sí. En Windows Firefox 3.0 y 3.5 no hay problemas. Tampoco hay problemas en IE6 o Safari en Windows. Muy extraño de hecho.

Answer 6

Estaba teniendo el mismo problema representando un elemento de entrada de texto (usando la autocompletar de jQuery UI) dentro de una celda de tabla utilizando Firefox en Ubuntu. La tabla estaba funcionando impecablemente en IE 7 & 8, Chrome, Safari, Firefox 3.6, pero no en Firefox en Ubuntu. Arg.

Pude configurar un style="font-size: 11px" en línea para el elemento de entrada de texto para solucionar el problema. Aunque redujo el tamaño de fuente de 12px a 11px (apenas perceptible), pude obtener una celda de tabla que no se ajustaría en Firefox en Ubuntu. ¡Todavía se renderiza en los navegadores anteriores!

Muchas gracias a Pascel MARTIN por los consejos!

Answer 7

Firefox representa de hecho las fuentes de manera diferente en Linux/Ubuntu, porque faltan las fuentes Microsoft TrueType y porque la configuración predeterminada de las fuentes es diferente. Hay una serie de pasos para reducir este problema. En primer lugar, como decían los otros, es útil para instalar fuentes TrueType de Microsoft (Arial, Trebuchet MS) con

sudo apt-get install ttf-mscorefonts-installer 

Entonces es útil para ajustar la configuración de fuente en Firefox, es decir, abrir Firefox, seleccione

Edit >> Preferences >> Content >> Fonts & Colors - Advanced 

la siguiente font settings are described here y el trabajo para mí:

Fonts for: Western 
Proportional: Serif, Size 16 
Serif: Times New Roman 
Sans-serif: Arial 
Monospace: Courier New, Size 12