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

For me, in Chrome 9 on Windows 7 (vs. FF 3.6), if I disable the “text-shadow: 1px 1px 1px black;”, the font thickens and matches how FF looks.