Possible Duplicate:
Font and line spacing in different browsers
I have to create a pixel-perfect html from a given design. It uses a custom font. I am checking it in Firefox and Chrome and see that in Chrome spacing between letter is larger than in Firefox. Though I need them to look identically. I tried to set letter-spacing to 0 and it didn't help. How can I workaround? What if I use Cufon (don't want to use it though)?
You're never going to get pixel-perfect across every browser and platform. Even if the letter-spacing is the same (which is seems to be if you set it to 0), the slight differences in anti-aliasing can make the letters appear wider. There's nothing in the CSS spec that specifies how browser render those small details.
Workarounds would be Cufon (yech) and images (yech). Pixel-perfect and the web are simply not good friends.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With