Differenze di caratteri tra Mozilla Firefox e Internet Explorer

Question

Scommetto che questa è una domanda abbastanza comune, che penso non possa essere risolta, ma almeno ci proverò.

Controllare questa immagine out:

Andare al seguente URL per ingrandire l'immagine: http://i.imgur.com/nHPNr.jpg

codice HTML:

<div style="font-family: Arial, sans-serif; font-size: 60px; letter-spacing: 0px; padding: 0; margin: 0;">TEXT GOES HERE</div> 

Come si può vedere, la il font non ha lo stesso aspetto. C'è un modo per risolvere questo problema?

versione
• Internet Explorer: 9.0.8112.1641 64-bit Edition versione
• Mozilla Firefox: 13,0

Tutte le idee?

Answer 1

C'è un modo per risolvere il problema: crea un'immagine.

Il rendering del testo dipende da numerosi fattori, come i caratteri installati, il sistema operativo, la calibrazione del rendering, il livellamento dei caratteri e i parametri di rendering. Se uno di questi parametri differisce, il risultato è diverso.

Se si esamina l'immagine, si noterà che i browser utilizzano parametri diversi per l'arrotondamento dei caratteri e altri parametri potrebbero anche differire.

Non è possibile aspettarsi un risultato identico durante il rendering del testo in browser diversi.

Answer 2

Lettering.js è un plug-in jQuery che può essere utilizzato per il kern delle lettere con precisione. I risultati possono variare