Firefox 字距调整与其他浏览器不同（CSS 中的负字母间距）答案

【问题标题】：Firefox kerning differently to other browsers (negative letter spacing in CSS)Firefox 字距调整与其他浏览器不同（CSS 中的负字母间距）
【发布时间】：2010-07-08 14:48:03
【问题描述】：

当应用负字母间距时，我遇到了 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/

编辑：直接截图，图片分辨率相同。

关于如何解决此问题的任何想法？

【问题讨论】：

你发布了两次相同的链接 :)

标签： css firefox typography

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

将声明width: 100%; 添加到h2 规则以触发“其他”浏览器中的布局。

【讨论】：

【解决方案3】：

我通过重置 css 修复了它。只需将以下链接添加到您的 html 头部即可。

更多信息可以在这里找到。 http://developer.yahoo.com/yui/reset/

【讨论】：