Font-face Web 字体看起来更粗体
我遇到了一个问题。我正在尝试使用 @font-face 嵌入字体，但它们总是看起来更粗体。我已经尝试了一切：其他字体，将字体粗细更改为“较亮”或“100”等... 字体看起来始终是粗体的。我很确定它看起来不错，因为我已经看到它在许多其他网站中与 @font-face 一起使用，而且看起来又薄又精致。
请参阅附图链接文本（我知道它永远不会像PS中那样，但如此不同？）
谢谢
I'm stuck with a problem. I'm trying to embed fonts with @font-face but they always looks bolder. I have tried everything: other fonts, change font-weight to "ligher" or "100" etc...
The font looks always as it is bolded. I'm pretty sure it could look good because I've seen it used in many other websites with @font-face and it looks thin and fine.
See the attached image link text (I know it would never look as in PS, but so different?)
thanks
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（5）
如果您使用
标记，甚至可能会发生这种情况。h标签使字体看起来更粗。This could even happen if you are using
<h1>tag.htags makes the font looks bolder.在您使用字体的任何元素的样式表中设置以下内容，它可以解决问题：
-webkit-font-smoothing: antialiased; /* 这需要设置，否则某些字体在 Mac 上看起来是粗体。 */
Set the following in your stylesheet on whatever elements you are using font face on and it fixes the issue:
-webkit-font-smoothing: antialiased; /* This needs to be set or some font faced fonts look bold on Mac. */
您可能使用了错误的权重文件。字体通常会以不同的粗细出售。您应该验证使用
@font-face嵌入的文件的粗细是否正确。You are probably using the wrong weight file. Fonts will often be sold in different weights. You should verify that the file you're embedding with
@font-faceis the right weight.字体在 Photoshop 上的外观显然是字体的图形版本，特别是当 Photoshop 有 5 种字体模糊类型时：无、锐利、清晰、强烈和平滑。那些除了原始字体之外的字体，它们通常位于一个 TTF 中，并且内部有版本，或者针对不同粗细和外观的各种字体。
如果您向我们介绍字体类型、粗细、模糊以及任何对复制目的有用的内容，也许会对您有所帮助......
The way the font looks on photoshop is obviously a graphical version of the font, specially, when photoshop has 5 types of blurring for fonts: none, sharp, crisp, strong and smooth. Those beside the original fonts, which they commonly are in one TTF and have the versions inside or, varios fonts for the different weights and faces.
Maybe if you enlighten us about the font type, the weight, blurring and whatever is useful for reproducing purposes would be useful to help you...
字体根据操作系统（Linux、Mac、PC）甚至浏览器的不同而有所不同，更不用说 Billeeb 提到的 Photoshop 模糊变体了。例如，Windows 上的 Safari 应用了一些强力的抗锯齿功能来使文本变得平滑，这使得它在 Firefox 上看起来明显不同，即使在同一台机器上也是如此。
在我看来，获得一致字体体验的最佳方法是使用某种字体替换技术，例如 Cufon 。但这仅适用于具有简单效果的非标准字体，如果您需要大量的阴影或模糊，您就不会想使用它。为此，最好坚持使用图像
Fonts vary according to OS (Linux, Mac,PC) and even by browser, never mind the Photoshop blurring variants that Billeeb mentioned. For example Safari on windows applies some heavy anti-aliasing to make text smooth, which makes it look blaringly different on Firefox, even on the same machine.
In my opinion, the best way to have a consistent font experience is to use some sort of font replacement technology like Cufon. But this only works for not standard fonts with simple effects, you wouldn't want to use this if you need crazy amounts of drop shadow or blurring. For that its best to stick with images