I bet this is a pretty common question, which I think can’t be solved, but at least I’ll try.
Check this image out:

Go to the following URL for a larger image: https://i.stack.imgur.com/dddNm.jpg
HTML code:
<div style="font-family: Arial, sans-serif; font-size: 60px; letter-spacing: 0px; padding: 0; margin: 0;">TEXT GOES HERE</div>
As you can see, the font doesn’t look the same. Is there any way to solve this problem?
- Internet Explorer version: 9.0.8112.1641 64-bit Edition
- Mozilla Firefox version: 13.0
Any ideas?
There is one way to solve the problem: Make it an image.
How text is rendered depends on a lot of factors, like the fonts installed, operating system, rendering calibration, font smoothing and rendering parameters. If any of those parameters differ, the result differs.
If you examine your image, you will see that the browsers use different parameters for font smoothing, and other parameters may also differ.
You simply can’t expect an identical result when rendering text in different browsers.