FF & Chrome: Text bounding box difference in Window/Linux

Question

I'm trying to position several text elements using position:absolute. However, it seems that both on Firefox and on Chrome, the bounding box of the text elements is of a different size in Windows and in Linux.

I've extracted a simple test case which is available here: http://share.shmichael.com/html/event.html

I've tried all kinds of alignment tricks, and specifying the height manually, but couldn't get it to work nicely. Any help would be appreciated.

Answer 1

Firefox's and Chrome's font renderers are largely based on those of whatever OS you run them on. That is, while they don't take the native OS font renderer, they're pretty close, and on Windows renders like Windows; on Linux renders like Linux.

So my guess is that each OS's renderer is handling your Hebrew font differently. Or, as aularon's comment says, perhaps you have different fonts or different versions of the same font installed on each setup.