无论font-family如何，Firefox中的字体总是比Chrome更厚

Question

I am implementing @font-face into a small experimental site of mine:

http://mutanttractor.github.com/StackOverflow-Android-Dashboard/

In Chrome the header text looks like this:

In Firefox 3.6 and 4b12 it looks like this:

The 2 font is of the exact same weight and size, but this occurs no matter what the face is, even if I don't use @font-face - standard system fonts display the same irregularity, has anyone else experienced this?

Not only that, the text boxes are bigger too...

I'm on OSX 10.6 ;)

Answer 1

对我来说，在Windows 7上的Chrome 9（对比FF 3.6）中，如果我禁用“text-shadow：1px 1px 1px black;”，字体会变粗并匹配FF的外观。