Mitől lehet ilyen eltérés Firefox és Chrome között?

Az IE (és úgy tudom a firefox is) a számítógép betűsimítás beállítását használja a betűkészletek megjelenítéséhez. A Chrome nem, ő magától rendereli a betűket.

Tehát engedélyezd és állítsd be a ClearType betűsimítást a számítógépeden. (Ha nem tudod hol kell, guglizz rá, xp és win7, win8 máshol kezeli)

Kár ezen rágnod magad...

Arra viszont figyelj, hogy a font nem alap, tehát hogy más gépén is megjelenjen, azt definiálni kell.

[link]

Amúgy a betű megjelenése, nagyban függ a böngésző verziójától, és azt futtató rendszer beállításaitól is.

Ha ragaszkodsz a megjelenéshez, hogy minden platformon egységes legyen, akkor képként kell elkészíteni a szöveget és beszúrni.

(legbrutálisabb eltéréseket akkor fogod látni, ha más OS -en nézed meg ugyan azzal a font készlettel, ugyan azzal a verziójú böngészővel, pl. Linux esetén mint ha nem is az lenne)

így jónak kell lennie:

@font-face {

font-family: 'fontname';

src: url('fontname.eot');

src: url('fontname.eot?#iefix') format('embedded-opentype'),

url('fontname.woff') format('woff'),

url('fontname.ttf') format('truetype'),

url('fontname.svg#monotype_corsivaregular') format('svg');

}