title: Google Font not rendering correctly in Firefox
body: <p>I'm using a google web font, <em>Titillium Web</em>, on my website . It renders perfectly in Google Chrome, IE, Opera and Safari but in Firefox the text looks horrible.</p>
  
  <p><strong>Google Font Link:</strong></p>
  
  <pre><code>&lt;link href='http://fonts.googleapis.com/css?family=Titillium+Web:200' rel='stylesheet' type='text/css'&gt;
  </code></pre>
  
  <p><strong>HTML :</strong></p>
  
  <pre><code>&lt;p id="main-top-text" class="txt-style"&gt;WELCOME TO &lt;span class="site-colour"&gt;NATHAN DA SILVA,&lt;/span&gt;&lt;/p&gt;
  
  &lt;p id="main-bottom-text" class="txt-style"&gt;ENJOY YOUR STAY.&lt;/p&gt;
  </code></pre>
  
  <p><strong>CSS :</strong></p>
  
  <pre><code>.txt-style {
      font-family: 'Titillium Web', sans-serif;
      font-size: 60px;    
      line-height: 70px;
      color: #666666;
      text-align: center;
  }
  </code></pre>
  
  <p>You can see what it looks like here:  <a href="http://www.nathandasilva.co.uk/v3" rel="noreferrer">http://www.nathandasilva.co.uk/v3</a></p>
  
  <p>I don't suppose anyone knows of any fix to make this look better in Firefox?</p>