html - 为什么我在 Safari 移动设备上使用 Dosis 时会出现奇怪的字体渲染？

Question

我有一个使用 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:抗锯齿；

我对此没有任何解释，只是谷歌了一下..