Icons look ugly in Firefox on Mac OSX

[winterbe]

Sorry if this has been discussed before. Icon Fonts in generall look ugly in Firefox on Mac OSX. Correct me if I'm wrong but this is due to missing -webkit-font-smoothing: antialiased; in Firefox. If I remove this css property in Chrome it looks just as ugly as in Firefox.

There's a corresponding Bugzilla Firefox issue: https://bugzilla.mozilla.org/show_bug.cgi?id=857142

The good part: A patch is already attached to add a corresponding -moz-prefix.
The bad part: It doesn't seem the solution will make it live in the near future.

IMO it won't hurt to massively vote this bugzilla issue! ;)

[tagliala]

we also have upvoting experts: #1271 :)

[winterbe]

Unleash them :)

[winterbe]

Hurray! Finally a fix is coming for Firefox 25: https://bugzilla.mozilla.org/show_bug.cgi?id=857142#c83

A new Moz-Prefix will be added:

-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;

After testing the Firefox 25 Nightly I can confirm, that Icon-Fonts finally look awesome on FFOX.

[tagliala]

@winterbe what do "Push backed out for reftest failures" means?

(sorry for my English)

[MrGeneric]

@tagliala, It reads to me like the fix was delayed due to failing automated testing. You can see all the test failures on the right side of this page: https://tbpl.mozilla.org/?tree=Mozilla-Inbound&rev=c2f27bb078fd&jobname=reftest

An interesting description of what reftest is doing:

The reftest harness compares the display of two Web pages. If the bitmaps resulting from displaying the two files in an 800x1000 window are identical, the test passes. If they differ, the test fails.

[tagliala]

I didn't notice differences on OSX 10.7.5 (non retina display, subpixel antialiasing disabled)

can you please post a screenshot?

[tagliala]

@winterbe can we have a screenshot with the difference?

/cc @MartinSeeler

[winterbe]

This is taken from the current FF Nightly Build on Mac OSX 10.8.4.

Without Font-Smooting:

With Font-Smooting: