title: Safari font rendering issues
body: <p>As you can see below, the Texta-Light font in Chrome appears completely different with Safari. Chrome displays the font as I like but Safari's rendering on OS X and iOS looks too thin. The Safari image below is taken on iOS and as you can see for some reason the font appears as if there is two bits of text present.</p>
  
  <p>I've looked for a solution but found nothing which works. I tried using <code>-webkit-font-smoothing: subpixel-antialiased;</code> but according to <a href="https://stackoverflow.com/questions/18786829/webkit-font-smoothing-property-has-no-effect-in-chrome?lq=1">this question</a>, the code isn't working anymore.</p>
  
  <p><strong>Chrome:</strong></p>
  
  <p><img src="https://i.stack.imgur.com/P9cI7.png" alt="Chrome font-rendering"></p>
  
  <p><strong>Safari on iOS:</strong></p>
  
  <p><img src="https://i.stack.imgur.com/f7QEU.png" alt="Safari font-rendering"></p>
  
  <p>Here is the code for the images above:</p>
  
  <pre><code>h2 {
      font-family: 'Texta-Light', sans-serif;
      font-size: 3.5em;
      line-height: 1.2em;
  }
  </code></pre>
  
  <p>Is there any solution to this?</p>