The text is correctly displayed in Chrome. I want it to display this way in all browsers. How can I do this?
UPDATE: Fixed in Safari with
Be sure the font is the same for all browsers. If it is the same font, then the problem has no solution using cross-browser CSS.
Because every browser has its own font rendering engine, they are all different. They can also differ in later versions, or across different OS's.
However, the difference is not even noticeable by most people, and users accept that. Forget pixel-perfect cross-browser design, unless you are:
UPDATE: I checked the example page. Tuning the kerning by text-rendering should help:
More references here:
font-smoothing(as mentioned) and another part is
text-rendering. Tuning these properties may help as their default values are not the same across browsers.