为什么我在Safari移动设备上使用Dosis进行奇怪的字体渲染？

Question

我有一个使用Dosis作​​为其主要字体（http://www.google.com/fonts/specimen/Dosis）的webapp，它看起来很棒，除了Safari移动版之外的每个浏览器，我的字体呈现如下：

http://imgur.com/a/w4XEu（iPhone渲染是第二张图片中的渲染。）

以这种方式导入字体：

<link href='http://fonts.googleapis.com/css?family=Dosis:200' rel='stylesheet' type='text/css'>

如果我增加字体粗细，渲染效果稍好一些，但仍然很奇怪。

我尝试过使用CSS的解决方法，例如：

* {
   font-weight: normal;
   text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;
   font-smoothing: none;
}

但没有解决任何问题。

知道这种奇怪行为的原因是什么？

编辑，一个可能很重要的细节： 该表由owlcarousel2（https://github.com/OwlFonk/OwlCarousel2）

处理

Answer 1

尝试以下方法之一：
-webkit-text-size-adjust: 100%
-webkit-font-smoothing: antialiased;

我对此没有任何解释，只是谷歌搜索它..