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

Question

iOS 8 Safari（视网膜）vs 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>

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

Inconsistent text rendering between iOS and Mac

css

safari

fonts

text-rendering

ios