title: Disable Anti-Aliasing Safari
body: <p>I've got some problems with Safari and OpenSans. The font really seems rasterized. After some researches, I've find out that part of the problem could be resolved with:</p>
  
  <pre><code>* {
      -webkit-font-smoothing: subpixel-antialiased;
  }
  </code></pre>
  
  <p>But it's not enough as you can see in the screenshot below. I've tried to apply some text-shadow and even -webkit-text-stroke, but the results is deteriorated on other browsers.</p>
  
  <p><img src="https://i.stack.imgur.com/FpVmo.png" alt="Chrome ScreenShot"><img src="https://i.stack.imgur.com/YvPw0.png" alt="Safari ScreenShot"></p>
  
  <p>The result in real: <a href="https://waaave.com/tutorial/php/playing-with-the-instagram-api-authentication/" rel="nofollow noreferrer">https://waaave.com/tutorial/php/playing-with-the-instagram-api-authentication/</a></p>