title: Smooth Fonts on Windows, how do those 2 sites with Twitter Bootstrap achieve this?
body: <p>On Windows 8 with Chrome the big text fonts are not smooth. However I've managed to see a few websites which has smooth texts (same environment).</p>
  
  <p>First:
  <a href="http://twitter.github.com/bootstrap/examples/hero.html" rel="nofollow noreferrer">http://twitter.github.com/bootstrap/examples/hero.html</a></p>
  
  <p>The "Hello, world!" is smooth, however the "Heading" texts at the bottom are not smooth as you can see, even though they are smaller.
  <br><img src="https://i.stack.imgur.com/UJYv1.png" alt="enter image description here"></p>
  
  <hr>
  
  <p>The other is <a href="http://www.asana.com" rel="nofollow noreferrer">http://www.asana.com</a>. On their homepage the "Do Great Things" text is smooth.
  <br><img src="https://i.stack.imgur.com/sV7v5.png" alt="enter image description here"></p>
  
  <hr>
  
  <p>Now both the pages are using Twitter Bootstrap CSS.</p>
  
  <p>When I look at the computed style for the related html element on Chrome Developer Tools I see these values:</p>
  
  <pre><code>background-color: transparent;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  color: #333;
  display: block;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 60px;
  font-weight: bold;
  height: 60px;
  letter-spacing: -1px;
  line-height: 60px;
  margin-bottom: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 10px;
  padding-bottom: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 0px;
  text-rendering: optimizelegibility;
  width: 1050px;
  </code></pre>
  
  <p>I saw that Asana uses a font called proxima-nova-condensed, however when I used it it is not smooth for me, even with text-rendering: optimizelegibility.</p>
  
  <p>Do you have any idea how do they achieve it? I'd like to learn how can I do it without Twitter Bootstrap (or with Bootstrap if I have to).</p>