@ font-face渲染在Chrome / IE中更大，fontsquirrel

Question

我使用@ font-face在网站上呈现自定义字体 字体是'Ministry ExtraLight' 我也使用这个网站生成字体文件http://www.fontsquirrel.com。

它在FireFox上看起来很好。但是在Chrome / IE / Safari上看起来字体很臃肿。 当我检查字体时，它实际设置为

font-weight: normal;
font-style: normal;
font-variant:normal

但它会为字体添加粗体或增加重量。

有没有人碰到这样的东西？

Answer 1

这不完全是事实 - 我遇到了同样的问题，firefox和opera中的字体在font-weight normal上渲染得很薄但是webkits渲染它是粗体 - 当我将字体粗体应用于所有浏览器中的样式时看起来一样。所以firefox并不是奇怪的，但是webkits正在渲染它并忽略了字体重量。

Answer 2

您还会发现Windows，OSX和Linux之间的渲染存在差异。

听起来好像Firefox是奇怪的，所以你应该寻找那里不同的东西。

可能发生的事情是Firefox使用自己的字体渲染，而其他人使用系统字体渲染。如果您将系统设置为更改字体（使它们更大胆，打开各种类型的消除锯齿等），您可能会看到所描述的效果。

Answer 3

如果您没有找到任何解决方法，请使用Cufon http://cufon.shoqolate.com/generate/

Answer 4

虽然保罗所说的是正确的（关于渲染），但你可以尝试的其他东西包括来自雅虎的重置/字体css声明！

他们在浏览器之间的平衡方面做得相当不错，虽然你基本上摆脱了每个浏览器显示元素的方式，所以你必须从头开始定义所有的元素样式。

参考：http://developer.yahoo.com/yui/3/cssfonts/，http://developer.yahoo.com/yui/3/cssreset/

Answer 5

我注意到了同样的事情。

由于我找不到解决方案，我转而在Google Webfont上使用相同的字体。

http://www.google.com/webfonts

糟糕的是Googles webfonts要大得多（Open Sans比font-squirrel的Open Sans大2-3倍），所以要小心。