title: Font awesome on a Mac, awful on a PC
body: <p>I choose for my website the following font:</p>
  
  <p><a href="http://fontscore.com/fonts/Helvetica-Neue-LT-Std-35-Thin_22514.html" rel="nofollow noreferrer">http://fontscore.com/fonts/Helvetica-Neue-LT-Std-35-Thin_22514.html</a></p>
  
  <p>On a Mac this font looks awesome while on Windows it looks horrible. Here's the screenshots:</p>
  
  <p><img src="https://i.stack.imgur.com/ipsr8.png" alt="This is on a mac"></p>
  
  <p><img src="https://i.stack.imgur.com/bsAp8.png" alt="And this is on a pc"></p>
  
  <p>I tried to convert the font using a <a href="http://convertfonts.com/" rel="nofollow noreferrer">fontgenerator</a>; I also add this stuff:</p>
  
  <pre><code>text-rendering: optimizeLegibility;
  -webkit-font-smoothing: subpixel-antialiased;
  </code></pre>
  
  <p>Still the same result. I know that windows use Cleartype and treat fonts in different manner with respect to a Mac but is it possible to solve this?</p>
  
  <p>EDIT:
  Here's my font face rule:</p>
  
  <pre><code>@font-face {
      font-family: 'Thin';
      src: url('fonts/helvetica-neue-lt.eot');
      src: url('fonts/helvetica-neue-lt.eot') format('embedded-opentype'),
           url('fonts/helvetica-neue-lt.woff') format('woff'),
           url('fonts/helvetica-neue-lt.ttf') format('truetype'),
           url('fonts/helvetica-neue-lt.svg#Thin') format('svg');
  }
  </code></pre>