title: Font weight turns lighter on Mac/Safari
body: <p>On my last website, the text is perfect naturally on chrome and firefox without touching font-smoothing or anything else.<br>
  But on Mac / Safari 7 the text appears well then turns immediately thinner (too much thinner / not nice to read).
  <img src="https://i.stack.imgur.com/RLaop.png" alt="enter image description here">
  <img src="https://i.stack.imgur.com/de7le.png" alt="enter image description here"></p>
  
  <p>After doing some research [cf <a href="http://www.usabilitypost.com/2012/11/05/stop-fixing-font-smoothing/]">http://www.usabilitypost.com/2012/11/05/stop-fixing-font-smoothing/]</a><br>
  and some tests playing with </p>
  
  <pre><code>-webkit-font-smoothing    
  </code></pre>
  
  <p>It looks like Safari display the text first with :</p>
  
  <pre><code>-webkit-font-smoothing: subpixel-antialiased;
  </code></pre>
  
  <p>Then just after you got the flickering effect, when it is turning font to :</p>
  
  <pre><code>-webkit-font-smoothing: antialiased;
  </code></pre>
  
  <p>So it seems to me that I had no choice but to force </p>
  
  <pre><code>-webkit-font-smoothing: subpixel-antialiased;
  </code></pre>
  
  <p>to make my website consistent on all browsers.<br>
  I am using font-face Avenir Std Roman.</p>
  
  <p>Some explanations to that Safari problem ?
  Any better solutions ?
  Could my font be part of the problem ?</p>
  
  <p>Thanks.</p>