Firefox serrated font

Understanding the difference in traditional antialias to ClearType

View your enlarged image:

Notethattheimageontherighthascoloredpixels.BecausetheLCDisnotmadeupofpixelsofallcolors,butrathersmallred,greenandbluerectanglessidebyside,thispositiondifferenceisusedtosimulatemorehorizontalpixels(mostofLCDsformonitorsisorganizedhorizontally.)

Antialias,inturn,doesonlyintegerpixelinterpolation,having3timeslessresolutionthanClearType(however,itdoesnotgetcoloredartifactsintheletters).

EnablingClearTypeinFireFox:

FireFoxbydefaultusesAntialiasratherthanClearType(subpixelrendering).

Thisextensionallowsyoutoenablethefeature:

  

link

If you prefer, you can type about:config in the address field and manually configure ClearType options, which are part of this group:

gfx.font_rendering.cleartype_params

However, you're bound to mess up the browser rather than solve the problem.

It is common for some browsers not to display the font with anti-aliasing.

I know 3 alternatives with CSS3. Statements:

transform: rotate (-0.0000000001deg);

text-shadow: 0 0 1px rgba(0,0,0,0.3);

font-smooth: always;

Source: link