link

On this page, I have all those little buttons on the side. The last one, the one that says "eleven," is bolder than the rest. I have the font style of the whole list set to bold, but the problem was occurring even before I added that part. I tried deleting "eleven," copy-pasting "ten" and changing the text to "eleven" again, and it was the same as before. Deleting "eleven" didn't affect the boldness of any other text, but when I moved "eleven" into the middle of the list (making "ten" the last) it made "ten" bold. I'm completely lost as to what could be causing this, and it's really bothering me. Does anyone know what it might be?

Okay, I don't see the bold text. However I took a look at your code and you have an extra

No, that's not it. Someone else suggested that as a fix, because it was only the bottom one that was doing it... it didn't work. It's more noticeable if the text is at normal weight, I'll go change it. Can you tell me if you see it then?

Nope, I'm still seeing the weights as all the same. What browser are you using, btw? I'm on Chrome.

I have Safari. That's odd, I wonder why Safari would be making it look bold, though. That is, if it is the browser.

I checked in both Firefox and IE, and it seems fine there too. Usually Chrome and Safari display fonts the same as they're both Webkit browsers... but in this case I don't know what's going on.

You could try adding -webkit-font-smoothing: antialiased; to the same block the font-weight is in... not sure if that will help though...

EDIT: you also have an extra