title: Lato font rendering on Google Chrome on Windows
body: <p>I have tried searching for an answer for this and cannot find one. I have downloaded Lato webfont from www.latofonts.com and have the following in my css file: </p>
  
  <pre><code>@font-face {
      font-family: 'LatoLight';
      src: url('fonts/Lato/Lato-Light.eot'); /* IE9 Compat Modes */
      src: url('fonts/Lato/Lato-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('fonts/Lato/Lato-Light.woff') format('woff'), /* Modern Browsers */
           url('fonts/Lato/Lato-Light.ttf') format('truetype'); 
      font-style: normal;
      font-weight: normal;
      text-rendering: optimizeLegibility;
  }
  
  @font-face {
      font-family: 'Lato';
      src: url('fonts/Lato/Lato-Regular.eot'); /* IE9 Compat Modes */
      src: url('fonts/Lato/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
           url('fonts/Lato/Lato-Regular.woff') format('woff'), /* Modern Browsers */
           url('fonts/Lato/Lato-Regular.ttf') format('truetype'); 
      font-style: normal;
      font-weight: normal;
      text-rendering: optimizeLegibility;
  }
  </code></pre>
  
  <p>This looks great in every browser on Mac (safari, chrome, firefox) and on firefox on windows BUT it looks blurry in chrome on windows and is missing parts of letters e.g. the top of capital "T"'s . Is there a fix for this? </p>