为什么我会在Safari手机上使用Dosis进行奇怪的字体渲染？

Question

我有一个but应用程序，它使用Dosis作为它的主字体(http://www.google.com/fonts/specimen/Dosis)，它看起来每个浏览器都很棒，除了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;

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