字体Web字体看起来更大胆

Question

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

请参阅附件中的图片link text（我知道它看起来不会像PS一样，但却如此不同？）

感谢

Answer 1

在样式表中设置以下任何使用字体的元素，并修复问题：

-webkit-font-smoothing：antialiased; / *这需要设置或某些字体面向字体在Mac上看起来很粗体。 * /

Answer 2

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

Answer 3

字体在photoshop上的显示方式显然是字体的图形版本，特别是当photoshop有5种类型的字体模糊时：无，清晰，清晰，强劲和流畅。原始字体旁边的那些，它们通常在一个TTF中并且内部有版本，或者用于不同权重和面的varios字体。

也许如果您了解字体类型，重量，模糊以及任何对复制有用的内容都会对您有所帮助...

Answer 4

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

在我看来，拥有一致字体体验的最佳方法是使用某种字体替换技术，如Cufon。但这只适用于非简单效果的标准字体，如果你需要疯狂的投影或模糊，你不会想要使用它。为此最好坚持使用图像

Answer 5

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