Ubuntu Firefox restituisce in modo diverso

Question

Firefox su Ubuntu sembra rendere alcuni HTML notevolmente diversi rispetto ad altri browser. In particolare alcuni font/stili su Ubuntu stanno diventando molto più grandi e colonne di testo che si basano su un numero uguale di interruzioni di riga per tenerle allineate non sono più allineate su Ubuntu Firefox.

Mi è stato dato un codice HTML creato in iWeb e viene visualizzato correttamente su tutti i principali browser ad eccezione di Firefox su Ubuntu. (Firefox su Windows funziona bene)

Sto eseguendo Firefox 3.0.12 su Ubuntu e ho il componente aggiuntivo Modifica Ubuntu Firefox disattivato.

Che cosa potrebbe causare questa discrepanza problematica con Firefox su Ubuntu?

Aggiornamento: ho scoperto che una copia del codice HTML memorizzati localmente sulla mia macchina rende in realtà le colonne allineate correttamente, ma se visti on-line diventa non allineati.

Ho provato a installare il pacchetto di caratteri di Microsoft ma quello non ha aiutato.

Aggiornamento 2: Con il problema delle colonne, sembrano esserci almeno due problemi. Uno è che iWeb ha rotto una delle colonne in due blocchi di codice e l'ha posizionata attorno al codice per l'altra colonna. Una volta assicurato che ogni colonna fosse creata da un blocco di codice contiguo e rimosso alcune div ridondanti, l'allineamento era molto migliore su Ubuntu ma non perfetto. Queste modifiche non sembrano influenzare il rendering anche su altri browser.

Scavando in giro con Firebug, sembra che io possa risolvere completamente il problema su Ubuntu rimuovendo gli attributi di dimensione font per tutto il testo pertinente. Tuttavia, ciò interrompe l'allineamento su tutti gli altri browser - ora sono di nuovo al punto di partenza.

(E sì, lo so che il modo in cui il codice HTML è stato progettato è un pò cattiva pratica, ma ho appena dato il codice in modo che in realtà non hanno molta scelta)

Answer 1

Forse è perché i caratteri non sono trattate allo stesso modo su Windows e su Linux? O forse i font che stai usando su Windows non sono installati o la macchina Ubuntu?

Questo "problema" non sembra essere limitato a Firefox: googling un po ', ho trovato post che dicevano lo stesso con OpenOffice, per esempio.

In sbarazzino c'è pacchetto chiamato ttf-mscorefonts-installer che dovrebbe aiutare a tale proposito: installa i font come:

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

(mi dispiace, il mio sistema è in francese; "gras" significa "grassetto"; probabilmente indovinato che "italique" significa "italic" ^^)

Come sidenote, questo:

In particolare alcuni font/stili su Ubuntu stanno diventando molto più grande e colonne di testo che si basa su uguali numeri di interruzioni di riga per mantenerli allineati non allineati su Ubuntu Firefox.

Non è sicuramente una buona pratica.

Si è verificato un problema con i caratteri che non sono installati (probabilmente); ma che dire di un utente che imposta il suo browser per:

• uno zoom dei caratteri per un particolare sito web
• o definire una dimensione di carattere minimo?

Questo può essere fatto in quasi tutti i browser - non solo Firefox o Linux ...

E alcune persone faccio - faccio: i miei occhi non sono perfetti (non che male), e trovo troppo caratteri piccoli a volte difficile da leggere, così ho generalmente fissato una dimensione di carattere minimo in Firefox ; e, sì, distrugge il design su alcuni siti web :-(

E se lo faccio, credo di non essere il solo: ci sono sempre più vecchietti su Internet, che hanno problemi con i loro occhi, per esempio ...
Ad esempio, mio ​​nonno ha recentemente ottenuto un computer, ho dovuto impostare la risoluzione dello schermo su qualcosa come 1024x780 sul suo schermo LCD 19p e la dimensione massima del carattere in Windows, in modo che potesse leggi ... E sì, questo fa sì che tutti quelli che usano il suo computer quasi piangano ^^ Ma è l'unico modo in cui può leggere ...

Answer 2

Si sta utilizzando lo stesso Versione su Windows?

È possibile provare ad avviare FF in modalità provvisoria o creare un altro profilo utente.

Answer 3

È molto probabile che si tratti di caratteri. Se il browser non trova il font contenuto nei fogli di stile, lo sostituirà con un font che vede adatto.

Sfortunatamente, Ubuntu non ha molti font. C'è un pacchetto chiamato msttcorefonts che contiene più font Microsoft. È possibile installarlo utilizzando:

sudo apt-get install msttcorefonts 

Tuttavia, se gli utenti non hanno il font particolari necessari, vedranno la pagina diversa.

Suggerirei di non rendere il disegno troppo dipendente dal tipo di carattere. Se, tuttavia, questa è una necessità, prendi in considerazione altri modi di rendere il testo (come l'uso di Javascript, se è un titolo, ad esempio).

Answer 4

Uno bello.
Fortunato per te la soluzione dovrebbe essere semplice: installa i font MS sul tuo computer ...

Explained here for example

Answer 5

Ho installato MS Font, ma ancora Firefox 3.0.13 in Ubuntu jaunty Jackalope mostra molti siti in un modo diverso il caso di un Joomla! sito web del mio: http://imagewize.net nel modo sbagliato. Il pulsante di ricerca e il pulsante di selezione del menu in alto si sovrappongono l'un l'altro. In Windows Firefox 3.0 e 3.5 non ci sono problemi. Né ci sono problemi in IE6 o Safari su Windows. Davvero molto strano

Answer 6

Avevo lo stesso problema nel rendering di un elemento di input del testo (utilizzando il completamento automatico dell'interfaccia utente jQuery) all'interno di una cella di tabella utilizzando Firefox in Ubuntu. Il tavolo è stato reso perfettamente in IE 7 & 8, Chrome, Safari, Firefox 3.6, ma non in Firefox su Ubuntu! Arg.

Sono stato in grado di impostare un elemento di input di testo style="font-size: 11px" per risolvere il problema. Anche se ha ridotto la dimensione del font da un 12px a 11px (appena percettibile), sono riuscito a ottenere una cella di tabella che non si sarebbe adattata in Firefox su Ubuntu. Rende ancora sui browser di cui sopra!

Mille grazie a Pascel MARTIN per i suggerimenti!

Answer 7

Firefox restituisce effettivamente i caratteri in modo diverso in Linux/Ubuntu, poiché mancano i font Microsoft TrueType e poiché le impostazioni dei font predefinite sono diverse. Esistono diversi passaggi per ridurre questo problema. In primo luogo, come gli altri hanno detto, è utile installare i font Microsoft TrueType (Arial, Trebuchet MS) con

sudo apt-get install ttf-mscorefonts-installer 

Allora è utile per regolare le impostazioni dei caratteri in Firefox, cioè aprire Firefox, selezionare

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

il seguente font settings are described here e il lavoro per me:

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