title: 'Lato' font rendering odd in safari, not in chrome, or firefox
body: <p>Im using the 'Lato' font from google web fonts, and its displaying fine on all browsers apart from safari. </p>
  
  <p>Im using it in <code>font-weight:100;</code></p>
  
  <p>here are some screen shots of the different browsers. Any idea what might be causing it to render extremely thin ? Or if theres a way i can set it to render in <code>font-weight:300;</code> for safari only ?</p>
  
  <p>Ive also made a js fiddle of the problem - <a href="http://jsfiddle.net/qLHuc/1/">http://jsfiddle.net/qLHuc/1/</a></p>
  
  <p><strong>FIREFOX</strong></p>
  
  <p><img src="https://i.stack.imgur.com/9VK3p.png" alt="enter image description here"></p>
  
  <p><strong>CHROME</strong></p>
  
  <p><img src="https://i.stack.imgur.com/B3Cln.png" alt="enter image description here"></p>
  
  <p><strong>SAFARI</strong></p>
  
  <p><img src="https://i.stack.imgur.com/llsBo.png" alt="enter image description here"></p>