css - Firefox 的字距调整与其他浏览器不同(CSS 中的负字母间距)

Question

当应用负字母间距时，我遇到了 Firefox 渲染文本与其他浏览器不同的问题:

h2{font-size:1.6em;font-weight:bold;color:#999;letter-spacing:-0.10em;}

<h2>Time</h2>(approx)

这是在大多数浏览器中呈现的文本:http://img707.imageshack.us/i/font2x.png/

这是在 Firefox 中呈现的文本:http://img444.imageshack.us/i/font1.png/

编辑:都是直接截图，图片分辨率一样。

关于如何解决这个问题有什么想法吗？

Answer 1

我不知道为什么，但是如果您在 font-size 声明中使用 pt 而不是 em(但保留 em 对于 letter-spacing，Firefox 应该像其他浏览器一样呈现您的文本。

h2{font-size:18pt;font-weight:bold;color:#999;letter-spacing:-0.10em;}