Html 自定义字体w/@Font-face:在Windows和OS X上以不同方式呈现

Html 自定义字体w/@Font-face:在Windows和OS X上以不同方式呈现,html,css,fonts,font-face,Html,Css,Fonts,Font Face,我的网站上包含的自定义字体有问题。 这里有三张图片演示了基于操作系统呈现这种字体的方式之间的差异 视窗7 OSX小牛非视网膜 约塞米蒂视网膜 现在,如您所见,最后两个图像渲染良好。我遇到的问题是,Windows7的第一个图像在某些字符上有一个奇怪的问题,比如t和f。我发现解决这个问题的唯一方法是将字体变大1px,因为当前的字体大小是13px。然而,这样做需要我重新设计我的网站的很大一部分 我已经在下面包含了@font-face的代码,以及一些额外的CSS。 是否可以添加一些CSS属性,以

我的网站上包含的自定义字体有问题。 这里有三张图片演示了基于操作系统呈现这种字体的方式之间的差异

视窗7

OSX小牛非视网膜

约塞米蒂视网膜

现在,如您所见,最后两个图像渲染良好。我遇到的问题是,Windows7的第一个图像在某些字符上有一个奇怪的问题,比如t和f。我发现解决这个问题的唯一方法是将字体变大1px,因为当前的字体大小是13px。然而,这样做需要我重新设计我的网站的很大一部分

我已经在下面包含了@font-face的代码,以及一些额外的CSS。

是否可以添加一些CSS属性,以便在Windows操作系统上正确呈现字体?如果没有,是否有办法解决此问题,而不必增加使用此字体的每个元素的字体大小


谢谢

不,这不是css问题。字体实际上是一个麻烦。一个主要的麻烦。。。因为字体在操作系统上呈现的方式不同,甚至在同一操作系统上的浏览器也不同。在谷歌上做一次小小的旅行,你会感到害怕。。。特别是自定义字体很糟糕,所以如果你想得到最好的效果;购买经过交叉测试的合适字体,或使用google fonts或fonts.com等服务。@giorgio有没有办法修复字体本身而不是使用其他字体?最常见的问题是字体没有提示类型。您可以使用自动类型提示,使用fontquirrel.org为您进行优化,或者您可以雇佣一位手动执行此操作的字体设计师。不幸的是,没有办法自动获得近乎完美的结果,这也是字体如此昂贵的原因……在我的生活中,我已经浪费了很多日子与字体斗争。现在我拒绝使用没有适当暗示的字体,或者我的客户只是对不太好的结果感到满意。这两件事我都能很好地向他们解释。我的建议是:找一种与你使用的字体相似的替代字体。。。如果你有任何疑问,请向你的客户解释,除非他愿意在项目中额外投入2000美元,否则不能使用这种字体。@giorgio谢谢你的建议!我在FontSquirrel字体创建器上使用了TTFAutohint选项,它似乎已经解决了这个问题!它确实调整了一些其他的角色,但我对它现在的样子很满意。谢谢