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

我有一个使用Dosis为主要字体（http://www.google.com/fonts/specimen/Dosis）web应用程序，它看上去很不错每个浏览器，但Safari浏览器的移动，我的字体呈现：为什么我会在Safari移动设备上使用Dosis进行奇怪的字体渲染？

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）

来源

2014-10-01 marka.thore

你可以显示你定义font-family的CSS吗？ – khilley 2014-10-01 15:38:33

奇怪 - 在我的iPhone上的Safari（iOS 8.0）上[此示例页面]上的字体看起来很好（http://s3-eu-west-1.amazonaws.com/cdn.pauldwaite.me.uk/dosis.html） 0.2）。该示例页面在您的移动版Safari中的外观如何？ – 2014-10-01 16:13:47

@ PaulD.Waite：你的网页看起来不错（我不喜欢Safari Mobile，每次我都要求别人检查）。我必须补充一下，截图中的表格是由一个javascript carousel（'owlcarousel2'） – 2014-10-01 17:44:59

处理尝试其中之一：
-webkit-text-size-adjust: 100%
-webkit-font-smoothing: antialiased;

我没有对此的解释，只是谷歌搜索..

来源

2014-10-01 15:10:04

你应该解释它是如何解决问题的 – Cfreak 2014-10-01 15:36:33

我刚刚尝试过，没有任何改变 – 2014-10-01 17:46:11

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

回答

相关问题