title: Why am I getting weird font rendering with Dosis on Safari mobile?
body: <p>I have a webapp that uses Dosis as its main font (<a href="http://www.google.com/fonts/specimen/Dosis" rel="nofollow">http://www.google.com/fonts/specimen/Dosis</a>), and it looks great every browser but Safari mobile, where my font is rendered like this:</p>
  
  <p><a href="http://imgur.com/a/w4XEu" rel="nofollow">http://imgur.com/a/w4XEu</a> (The iPhone rendering is the one in the second image.)</p>
  
  <p>The font is imported in this way:</p>
  
  <pre><code>&lt;link href='http://fonts.googleapis.com/css?family=Dosis:200' rel='stylesheet' type='text/css'&gt;
  </code></pre>
  
  <p>If I increase the font weight the rendering is slightly better, but still weird.</p>
  
  <p>I've tried few workaround with CSS, like:</p>
  
  <pre><code>* {
     font-weight: normal;
     text-rendering: optimizeLegibility;
     -webkit-font-smoothing: antialiased;
     font-smoothing: none;
  }
  </code></pre>
  
  <p>but solved nothing.</p>
  
  <p>Any idea on what is the reason of this strange behaviour?</p>
  
  <p><strong><em>edit, one maybe important detail:</em></strong>
  that table is handled by <code>owlcarousel2</code> (<a href="https://github.com/OwlFonk/OwlCarousel2" rel="nofollow">https://github.com/OwlFonk/OwlCarousel2</a>)</p>