字体网页字体看起来更粗答案

【问题标题】：Font-face web fonts looks bolder字体网页字体看起来更粗
【发布时间】：2010-11-30 17:04:02
【问题描述】：

我遇到了一个问题。我正在尝试使用@font-face 嵌入字体，但它们总是看起来更大胆。我已经尝试了一切：其他字体，将字体粗细更改为“更轻”或“100”等... 字体看起来总是粗体。我很确定它看起来不错，因为我已经看到它在许多其他带有@font-face 的网站上使用过，它看起来又薄又好。

查看附件图片link text（我知道它永远不会像 PS 中的那样，但有那么不同？）

谢谢

【问题讨论】：

【解决方案1】：

在样式表中为您使用字体的任何元素设置以下内容即可解决问题：

-webkit-font-smoothing：抗锯齿； /* 这需要设置，否则某些字体在 Mac 上看起来很粗。 */

【讨论】：

【解决方案2】：

您可能使用了错误的权重文件。字体通常会以不同的重量出售。您应该验证使用@font-face 嵌入的文件的权重是否正确。

【讨论】：

【解决方案3】：

字体在 Photoshop 上的外观显然是字体的图形版本，特别是当 Photoshop 对字体有 5 种类型的模糊时：无、锐利、清晰、强烈和平滑。原始字体旁边的那些，它们通常在一个 TTF 中，并且在内部有版本，或者针对不同的粗细和面使用不同的字体。

也许如果您告诉我们字体类型、粗细、模糊以及任何对复制目的有用的东西会对您有所帮助...

【讨论】：

【解决方案4】：

字体因操作系统（Linux、Mac、PC）甚至浏览器而异，更不用说 Billeeb 提到的 Photoshop 模糊变体了。例如，Windows 上的 Safari 应用了一些重度抗锯齿来使文本平滑，这使得它在 Firefox 上看起来明显不同，即使在同一台机器上也是如此。

在我看来，获得一致字体体验的最佳方式是使用某种字体替换技术，例如Cufon。但这仅适用于具有简单效果的非标准字体，如果您需要大量的阴影或模糊，您不会想使用它。为此，最好坚持使用图像

【讨论】：

【解决方案5】：

如果您使用<h1> 标签，甚至可能发生这种情况。 h 标签使字体看起来更粗。

【讨论】：