在 iOS 的 Safari 中应用了连字，但在 OSX 的 Safari 或 Chrome 中没有应用

Question

我正在使用通过 Google 字体加载的 PT Serif 免费版本，有一段时间我认为它没有常见的连字。直到我在 iPad 上启动我的网站并发现它正确呈现它们。经过检查，似乎 Chrome 和 OSX 的 Safari 都没有正确呈现它们。 Chrome 对于 Android 也忽略了它们。

这是 OSX El Capitan 上 Chrome v45 的渲染图：

注意广度优先搜索中的 fi。现在 iOS:

这是相关的CSS：

font-family: 'PT Serif', Georgia, Times, 'Times New Roman', serif;
font-size: $base-font-size;
line-height: $base-line-height;
font-weight: 300;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-font-feature-settings: "liga=1, dlig=1";
-ms-font-feature-settings: "liga", "dlig";
-webkit-font-feature-settings: "liga", "dlig";
-o-font-feature-settings: "liga", "dlig";
font-feature-settings: "liga", "dlig";
font-variant-ligatures: contextual;

正在使用以下代码将字体加载到页眉中：

<link href='http://fonts.googleapis.com/css?family=PT+Serif:400,700,400italic,700italic' rel='stylesheet' type='text/css'>

您可以检查aforementioned webpage here。

这是某种限制、错误，还是我的 CSS 遗漏了什么？

Answer 1

看来 Google 字体是罪魁祸首。替换为 Brick，我得到了我正在寻找的所有连字：

<link rel="stylesheet" href="//brick.a.ssl.fastly.net/PT+Serif:400,400i,700,700i:f">

还有待理解为什么 iOS 已经正确渲染它，或者为什么 Google 字体行为不正常 (?)...

在 iOS 的 Safari 中应用了连字，但在 OSX 的 Safari 或 Chrome 中没有应用

Ligatures being applied in iOS's Safari but not on OSX's Safari or Chrome

css

fonts

typography

cross-browser