连接在iOS的Safari中应用，但不在OSX的Safari或Chrome上应用

Question

我正在使用通过Google字体加载的免费版PT Serif，有一段时间我认为它没有常见的连字。直到我在iPad上启动我的网站并发现它正确呈现它们。经过检查，似乎Chrome和Safari OSX都无法正确呈现它们。 Chrome for 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

似乎谷歌字体是罪魁祸首。用Brick代替，我得到了我正在寻找的所有连字词：

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

还有待理解为什么iOS已经正确呈现，或者为什么Google字体行为不端（？）......