title: Google web fonts looking choppy in Chrome - how to apply the fix
body: <p>This is a general issue, and it seems like there is a solution.
  Problem is that web fonts shows choppy in chrome. The solution should be to move the .svg call before the .woff call. Explained here: <a href="http://www.fontspring.com/blog/smoother-web-font-rendering-chrome" rel="nofollow">http://www.fontspring.com/blog/smoother-web-font-rendering-chrome</a> and here: <a href="http://www.adtrak.co.uk/blog/font-face-chrome-rendering/" rel="nofollow">http://www.adtrak.co.uk/blog/font-face-chrome-rendering/</a></p>
  
  <p>Problem is, that I'm using google web fonts, and importing the font like this: </p>
  
  <pre><code>&lt;link href='http://fonts.googleapis.com/css?family=Asap:400,700,400italic,700italic' rel='stylesheet' type='text/css'&gt;
  </code></pre>
  
  <p>And I dont know, and cannot find out, how to import it with the <code>@font-face</code> css tag instead of the above. I've tried, but got stuck since google only offers the font in ttf and not svg or woff.</p>
  
  <p>Hope you can help.</p>