CODEWITHSUNDEEP
cssfontsfont-face
Sallar
Sallar

Reputation: 730

Bad font smoothing on dark background in Firefox mac (CSS)

I have designed a website and it has dark background. Im using Helvetica Neue, Arial and Quattrocento (From google webfonts) in my pages. Everything is fine in all browsers in Mac and Win (even IE8) But when it comes to Firefox Mac, it just doesn't seem to understand how to render white text on dark background and all of my fonts look bolder and uglier.

Good Fonts (Chrome Mac): http://p5x.co/1232

Bad Fonts (Firefox Mac): http://p5x.co/1233

I even added this to my body in css:

-webkit-font-smoothing:antialiased;
text-shadow:rgba(255,255,255,.01) 0 -1px 1px;

Can anyone help me with this? Thanks

Upvotes: 0

Views: 1548

Answers (1)

SeanCannon
SeanCannon

Reputation: 78006

This is a limitation of the browser's ability to render the typeface. Google webfonts documentation even acknowledges this.

You may want to consider Typekit or Cufon as an alternative, though it is what it is. Figure people who use a browser like that are used to seeing that quality everywhere so your site likely won't be the bad apple in the barrel.

Upvotes: 2

Related Questions