Created attachment 270537 [details]
pic of squares at very high resolution, showing fuzziness on left square
I am running on a 2.16 GHz Intel Core Duo with 10.4.9 and 2 GB memory.
This difference is a bit subtle, but it is obviously there. See the attachment, which is a snap of a Pixie window that shows the problem at a high resolution.
Load the page from the URL above. There are two squares.
On 22.214.171.124, these look very different. The left one has an empty center. On a trunk build, the squares look the same.
The squares do have a difference, though. The edges of the right-side square are very sharp and clear. The left-side box has a rim, 1 pixel wide, on the top, left and right side. Is there a reason the edges of these squares should be different?
On the left, the square is painted as a character (text anti-aliassing/shading), on the right the test is using the border-property.
I see the same fuzziness in all browsers (WebKit, Opera, iCab, Minefield,...) fwiw.
The testcase requires the Ahem font.
Yes, I know that (and I have that one installed). But that doesn't change anything. Even with the Ahem font, the OS level font-smoothing technology comes into action.
What philippe said. The glyph is getting FuzzyTyped(tm).