我的网站上包含的自定义字体出现问题。 以下是三张图片,用于演示此字体的呈现方式(基于操作系统)之间的差异。
Windows 7
OS X Mavericks(非视网膜)
OS X约塞米蒂(视网膜)
现在,正如您所看到的,最后两个图像渲染得很好。我遇到的问题是第一张图片(Windows 7)对某些字符有一个奇怪的问题,例如" t"和" f"。我发现修复此问题的唯一方法是使字体大1px(因为当前字体大小为13px)。但是,这样做需要我重新设计我网站的大部分内容。
我已经包含了下面@font-face
的代码以及一些额外的CSS
http://paste2.org/WFmgF1Lw
我可以添加一些CSS属性,以便我的字体在Windows操作系统上正确呈现吗?如果没有,有没有办法解决这个问题,而不必增加使用这个font-face的每个元素的字体大小?
谢谢!