I’ve run into this issue so many times, and I finally found a solution that works perfectly for me. On my Mac, browsers like Chrome / Firefox, etc all make my font look too bold, especially when they are #FFF or #000. (Font rendering issue with OSX? I don’t know.) I found this page a few days ago, and one of the comments suggests this:
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
Best trick ever. Had to share it so I would never lose it!