title: Safari, letter-spacing with custom font
body: <p>Using the Dosis font from Google Webfonts ...</p>
  
  <pre><code>@import url(http://fonts.googleapis.com/css?family=Dosis:400,300,200,500,600,700,800);
  </code></pre>
  
  <p>after extensive testing in Firefox and Safari, while being perfectly aware that i won't ever get both browsers to view it all perfectly pixel-precisely fine as the original design views in my photoshop, i stumbled over the most disturbing of issues:</p>
  
  <p><strong>letter-spacing</strong></p>
  
  <p>Whatever i try, i can't get the letter-spacing right in webkit browsers.</p>
  
  <p>A simple example:</p>
  
  <pre><code>.text-basic {
      font-weight:        200;
      font-size:          16px;
      letter-spacing:     0.52px;
      line-height:        22px;
  }
  </code></pre>
  
  <p>This renders perfectly fine, the way i want it to, in Firefox (even better if i hack FF into 15.5px font size, which is okay [unless anyone has objections]).</p>
  
  <p>However, in Safari the letter-spacing just won't work.</p>
  
  <p>After some research i found that it won't allow letter-spacing below 1px, but it is said that it does so if i use <em>em</em> measures. So be it.</p>
  
  <p>If i use up to:</p>
  
  <pre><code>letter-spacing: 0.0618em
  </code></pre>
  
  <p>Nothing happens. No change. Letter spacing way too low.</p>
  
  <p>But if i use:</p>
  
  <pre><code>letter-spacing: 0.0619em
  </code></pre>
  
  <p>Suddenly it snaps, and letter spacing is WAY too high. Like a textblock of 10 words suddenly takes up more than 50 extra pixels in width.</p>
  
  <p>I don't get it.</p>
  
  <p>Does anyone know how to fix this?</p>
  
  <p>Thank You.</p>