First off, I'm new to all this, so please bear with me.
I have a site, where everything looks good while the page loads, but when it's done loading (like after 1 sec), it's like a whole extra layer of text appears behind the original text. It kind of looks like everything is going from font-weight:normal to bold, but I have tried going through the weights and that didn't help. I would appreaciate if anyone pointed me towards the right place to look for what's causing this: (see screenshot). Thank you.
Tested in FireFox, Chrome and Safari. It happens pretty fast, depending on the load-time of the page. The icons are from a font, and they are suppose to look like the thinnest version you see in the image above. What's weird is that I declared a new (!important) color along with a hover color, and what you see here is ALL THREE colors appearing: