Question

很明显，我的网站在我的Win7机器上的Chrome和FF7上渲染不同

我正在使用它：

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

有人能指出我怎么能连这些差异？我不希望每个浏览器上的字体都有不同的“感受”。

字体Lucida Grande安装在我的Windows机器

中

编辑： font-weight：normal！important

不起作用

Answer 1

看起来两个浏览器使用不同的权重呈现它。

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

您请求了粗体字体，但该字体不以粗体显示。一个浏览器只显示常规的非粗体变体，而另一个浏览器将其处理为粗体。
您请求了特定的字体权重，例如“粗体”或“600”，但安装的字体与该权重不完全匹配。一个浏览器替换字体的“超粗体”变体，另一个浏览器替换“常规粗体”或类似的东西。

如果其中任何一个都正确，您可以使用font-weight CSS property来尝试更改它。但是，这可能会影响在没有Lucida Grande字体的系统上查看的任何字体的替换。

Answer 2

从一个浏览器到另一个浏览器，字体总是略有不同，但这比平时略有不同。可能是因为标题默认为font-weight: bold;，并且字体没有粗体变体，因此浏览器会以不同的方式从常规权重创建粗体样式。

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

此外，您应该始终指定一个通用字体作为最后的手段，在本例中为sans serif，否则如果没有安装任何字体，它将使用默认字体进行渲染，这类似于{{1}这看起来完全不同。也许还要添加Times Roman，这是非Windows系统上最接近的Helvetica。