title: @font-face for custom fonts, fonts not smooth in Chrome
body: <p>I have a web application that is using CSS3's @font-face to embed custom fonts.  So far this has works perfectly in IE and Firefox. </p>
  
  <p>With Chrome, however, the custom fonts appear pixelated and not smooth.  Below is a link to a screen snippet of an example of my font in Firefox &amp; IE (top) and Chrome (bottom):
  <a href="http://dhines.com/font-issue.jpg" rel="noreferrer" title="screenshots">Screenshot comparison</a></p>
  
  <p>It might be hard to see the difference in such a small sample screenshot, but when this is happening all over the page it is very noticeable.  </p>
  
  <p>Below is an example of how I'm using @font-face in my stylesheet:</p>
  
  <pre><code>@font-face 
  {
      font-family: 'MyFont';
      src: url('../Content/fonts/MyFont.eot?') format('embedded-opentype'),
           url('../Content/fonts/MyFont.ttf') format('truetype');
  }
  </code></pre>
  
  <p>Another thing possibly worth mentioning, is that when I pull up the site in ANY browser running on a VM, the fonts are SUPER choppy, much worse than the Chrome example.  This is happening when I use any of my school computers, which are all running Win7 VMWare desktops.  It also happens when I pull up the site from a Windows 7 VM running on a friend's Mac.  </p>