How to make a font thinner on web

Question

I'm trying to design a website and have a problem with font style and size. I looked at many websites to get some ideas for example if you look at this website: http://www.albionwestcoast.com/ and check the font style and size for the name of the team members on the right side you can see they apparently used Georgia for that (in red) but when I try to get the same shape my font appears a bit bolder and fatter and I don't know why.

This is the style I've got:

font-size: 2em;
font-family: Georgia,'Times New Roman',serif;
font-style: italic;
font-weight: normal; 

am I missing anything to get the same effect?

Answer 1

I found that if you add the property -webkit-font-smoothing: antialiased; the text will lose a bit of its fuzziness and look exactly like it would in e.g. Photoshop (only for webkit though). Not sure if this does what you are asking, but either way it makes the text a bit thinner.