iOS 和 Mac 之间的文本渲染不一致

Question

iOS 8 Safari（视网膜）与 Mac OS X Yosemite Safari（视网膜）

Mac 上的渲染是所需的渲染，即字距调整和连字。 iOS 上的那个似乎太松了（这是模拟器，在设备上看起来一样）。字体是由 Google 提供的 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;

Answer 1

已解决

使用 Typekit 代替 Google 字体。

一分钱一分货。

下面是成功的代码。

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