使用/ @ font-face的自定义字体:在Windows和OS X上呈现不同的颜色

时间:2014-11-28 14:52:28

标签: html css fonts font-face

我的网站上包含的自定义字体出现问题。 以下是三张图片,用于演示此字体的呈现方式(基于操作系统)之间的差异。

Windows 7 enter image description here

OS X Mavericks(非视网膜) enter image description here

OS X约塞米蒂(视网膜) enter image description here

现在,正如您所看到的,最后两个图像渲染得很好。我遇到的问题是第一张图片(Windows 7)对某些字符有一个奇怪的问题,例如" t"和" f"。我发现修复此问题的唯一方法是使字体大1px(因为当前字体大小为13px)。但是,这样做需要我重新设计我网站的大部分内容。

我已经包含了下面@font-face的代码以及一些额外的CSS http://paste2.org/WFmgF1Lw

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

谢谢!

0 个答案:

没有答案