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

我有一个webapp，它使用Dosis作为主要字体（），除了Safari mobile之外，其他浏览器都很好看，我的字体呈现如下：

（iPhone渲染是第二幅图像中的渲染。）

字体以以下方式导入：

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

但什么也解决不了

你知道这种奇怪行为的原因吗

编辑，一个可能很重要的细节： 该表由owlcarousel2处理（）

请尝试以下操作之一：

-webkit文本大小调整：100%

-webkit字体平滑：抗锯齿




我对此没有任何解释，只是在谷歌上搜索了一下。
你应该解释一下它是如何解决这个问题的。你能展示一下你定义字体系列的CSS吗？奇怪-在我的iPhone（iOS 8.0.2）上的Safari中，字体看起来不错。在您的mobile Safari版本中，该示例页面的外观如何？@PaulD.Waite:您的页面看起来不错（我没有使用Safari mobile，每次我都应该请人检查）。我必须补充一点，屏幕截图中的表是由javascript旋转木马处理的（
owlcarousel2
）@khilley：你可以在这里检查一下：看屏幕截图，有两件事需要尝试。首先，尝试检查使用字体的正常重量是否有帮助（相对于当前的超轻样式）。要做到这一点，你需要将你的谷歌字体URL改为'。其次，谷歌字体上的以下URL表示，extra light Dosis字体“仅在36磅及以上的尺寸下有用”：。看起来你正试图用一个比它的最佳尺寸更小的字体来使用它，所以也许可以试着换一个不同的谷歌字体？
* {
   font-weight: normal;
   text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;
   font-smoothing: none;
}