iOS和Mac之间的文本呈现不一致

时间:2015-02-24 17:41:34

标签: ios css fonts safari text-rendering

iOS 8 Safari(Retina)与Mac OS X Yosemite Safari(Retina)

screenshot

Mac上的那个是所需的渲染,即字距调整和连字。 iOS上的那个似乎太松了(这是模拟器,在设备上看起来一样)。该字体是从谷歌提供的Lato。

任何使iOS上的文字看起来像在Mac上一样好的方法吗?

更新

看起来这可能是Lato的一个问题。我尝试了不同的字体,即Proxima Nova,尽管没有连字,但它们在iOS和Mac OS上看起来都是一样的。无论如何,我也无法让iOS在Lato中渲染连字。这是我的CSS。

text-rendering: optimizeLegibility;
-webkit-font-variant-ligatures: common-ligatures;
font-variant-ligatures: common-ligatures;

1 个答案:

答案 0 :(得分:1)

<强>解决

使用Typekit而不是Google字体。

enter image description here

你得到的是你付出的代价。

这是执行该技巧的代码。

<script>
    WebFontConfig = {
      typekit: { id: 'xzw9acq' } // Typekit kit containing Lato
      //google: { families: ['Lato'] }
    };
    ... rest of font loader script
  </script>