Css 为什么我的h1在FF中看起来与Chrome和Safari不同？

我的站点的

h1

、

h2

和

h3

（仅在本地服务器atm上）在FF中比在Chrome和Safari中大胆得多。路线也稍微偏离。为什么会发生这种情况，我如何抵消它

注意：对于我在Ubuntu上的合作伙伴来说，这种情况是不会发生的（我在Mac上，两者之间的差异非常显著）

这影响了所有东西的对齐，因为我使用firebug使所有东西都正确，这显然是有问题的

我将复制行为不好的元素的继承CSS。我不确定是否需要，但我想这不会有什么坏处：

#show_page_info h1 {
    color: #FFF7E7;
    display: block;
    font: bold 23pt Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 17px 5px;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    width: 445px;
}
style3.css (line 342)
Inherited fromdiv#show_page_info
#show_page_info {
    text-align: left;
}
style3.css (line 326)
Inherited fromdiv#show_page_item
.show_item, #show_page_item {
    list-style: none outside none;
}
style3.css (line 295)
Inherited frombody
body {
    color: #333333;
    font: 13pt/1.5 Helvetica,Arial,sans-serif;
}

更粗体的文本是一回事，但对齐是一个巨大的痛苦。如果我在FF中居中，它在Chrome中关闭，如果我在Chrome中居中，它在FF中关闭，等等

提前谢谢你

编辑：html（这仅适用于上述CSS，所有

h1

，

h2

，

h3

…）

{{show.time}日期：“l，N jS”}
{%if show.cost==0%}
自由的
{%else%}
${show.cost | floatformat:“-2”}
{%endif%}

根据字体，每个浏览器呈现的字体不同。尝试以下方法可以更好地控制moz中的权重：

        @-moz-document url-prefix() {
    * { font-weight: 100; }
    h1, h2, h3, h4, h5, h6 { font-weight: 400; 
    }

在Chrome14.0.833之前（请参阅），文本阴影在文本上的渲染比Firefox更紧密。我认为这就是Firefox中明显“更粗体”文本的原因。Commandrea的回答也可能是中肯的。

---

关于路线问题；我不确定——请看我对你问题的评论

请同时向我们展示您的HTML。您使用的是浏览器CSS重置吗？@Gaurav:我没有使用CSS重置，因为我原本打算使用的CSS重置导致了比解决问题更多的问题。虽然我愿意接受一个好的推荐，但我们现在已经走得很远了！更多信息：您使用的是什么版本的Chrome/FF？我看不出Chrome 14和FF8有什么不同，这肯定不仅仅是一个阴影问题，因为我可以关闭阴影，看到它仍然更宽，排列方式也不同。老实说，尽管如此，对齐是更麻烦的，因为它是一个尖锐的网站和一个马虎的区别。好消息是，这似乎仅限于我的电脑，坏消息是它使firebug无法使用！我意识到你（或任何人）可能无法为我解决这个问题。不过，我真的很感谢你的帮助。@Matt和我一起跳到一个房间里，如果你不介意的话，这样我们就可以解决这个问题，而不会阻塞评论。

        @-moz-document url-prefix() {
    * { font-weight: 100; }
    h1, h2, h3, h4, h5, h6 { font-weight: 400; 
    }