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?
This fixes Chrome and Safari for Mac:
text-shadow: #000266 0 0 0;
font-weight:100;
I tried this but it didn't work for Firefox:
-webkit-font-smoothing: antialiased;
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.
After a quick search at Google, I found this page: How To Fix Firefox Fonts That Turned Bold in 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.