相同的字体呈现不同的跨越FF7和Chrome

这是很明显的是，我的网站使我Win7的机器上Chrome和FF7不同

我使用这个：

h1, h2 {font-family: "Lucida Grande", "Helvetica Neue", Arial; }

有人可以指点我怎么能甚至这些差异？我不想在每个浏览器上使用不同的'感觉'字体。

字体，很好的可读性安装在我的Windows机器

编辑：字体重量：正常的重要

无法正常工作或

2011-10-10 elvista

尝试设置特定的字体权重，默认值可能因浏览器而异。 – Lyth

字体总是会呈现从一个浏览器到另一个稍微不同，但这是比平常多一点差异。可能是因为标头默认为font-weight: bold;，并且字体没有大胆的变化，所以浏览器以不同的方式从常规重量创建粗体。

无论如何，你可能想要使用更常见的字体。在我的Windows 7机器上既没有Lucida Grande也没有Helvetica Neue，所以它会使用Arial渲染。不过，我还有MS Office和Photoshop附带的其他字体，所以我安装了比标准系统更多的字体。

此外，你应该始终指定通用字体作为最后的手段，在这种情况下sans serif，否则会使使用默认的字体，如果安装没有任何字体，这是一样的东西Times Roman具有完全不同的外观。也许还需要添加Helvetica，这是非Windows系统上最接近的Arial。

2011-10-10 07:01:30 Guffa

我的Lucida Grande安装在我的系统中，不会工作吗？（托管在本地主机）刚刚尝试过'font-weight：normal'！important。 No go：/ – elvista

@Hussain M Elius：只要您只在自己的计算机上查看该页面，该功能就可以工作，但如果要发布该网站，则必须依赖访问者计算机上安装的字体。您可以考虑使用可下载的字体，例如http://www.google.com/webfonts – Guffa

嗯。我想我会尝试一个WebFont。感谢Guffa的帮助。 – elvista

它看起来像两个浏览器渲染它用不同的重量。

我能想到两种可能性，但我不知道是否正确。

您请求了粗体字体，但该字体不能用粗体显示。一个浏览器只是显示不变的常规非粗体变体，而另一个浏览器将其处理为粗体。
您请求了一个特定的字体重量，比如说“粗体”或“600”，但是安装的字体与该权重并不完全匹配。一个浏览器正在替换字体的“超粗体”变体，另一个是“常规粗体”，或者这种性质的东西。

如果其中任何一个是正确的，你可以玩font-weight CSS property来尝试和改变它。但是，如果在没有Lucida Grande字体的系统上查看它，则可能会影响替换选择的字体。

2011-10-10 06:54:45 thomasrutter

逻辑回答，除了我设置了属性的'{font-weight：normal！important}'。字体“Lucida Grande”也安装在我的系统中。现在我只是在我的本地主机上进行测试，即使在这里，问题也很突出。 – elvista

回答