Firefox font-face is bold in OS X

Question

Why are my fonts bold on OS X? I found the solution for Safari:

-webkit-font-smoothing: antialiased;

But I did not find anything to fix Firefox. Can you help me?

Answer 1

After a quick search at Google, I found this page: http://www.withoutink.com/apple/how-to-fix-firefox-fonts-turned-bold-mac-osx/. Basically what it says is to delete your Lucida Grande font from your system, because it may have been corrupted. You shouldn't have to worry, the font should be restored automatically. And if you need more explanation, just click the link. It details the process nicely. I hope this helps.

Answer 2

In my @font-face declaration I changed the font-weight value.

I had tried normal and 1000, but when I changed it to 600 the font anti-aliasing decreased and the faux bold was no more.

So to clarify, I use:

font-weight:600; /* Use in font-face declarations */
-webkit-font-smoothing: antialiased; /* Use on text styles (p, h1, h2...) */

The top one fixes Firefox, the bottom fixes Safari.

Bada-bing.