title: CSS: @font-face anti aliasing
body: <p>I'm a bit struggling with the @font-face CSS option. After a lot of reading, trying, retrying I finally came across a website that makes you a ready-to-go package when you upload your font. It's running now but it seems the font doesn't get anti-aliased. While I see this happening at other websites, mine does not render the headings the way I want.</p>
  
  <p>My CSS code:</p>
  
  <pre><code>@font-face {
  font-family: 'YanoneKaffeesatzThin';
  src: url('../fonts/yanonekaffeesatzthin-webfont.eot');
  src: local('☺'), url('../fonts/yanonekaffeesatzthin-webfont.woff') format('woff'), url('../fonts/yanonekaffeesatzthin-webfont.ttf') format('truetype'), url('../fontsyanonekaffeesatzthin-webfont.svg#webfontyC5sm3N9') format('svg');
  font-weight: normal;
  font-style: normal;}
  </code></pre>
  
  <p>What is left to do to make this last, but anoying, issue go away?</p>