title: Lato font broken in Firefox
body: <p>I have developped a website using Lato Google Font. Everything works fine with Chrome but when I use Firefox, the font is broken and I get a Times New Roman font instead.</p>
  
  <p>The weird thing is that when I open <a href="https://www.google.com/fonts/specimen/Lato" rel="nofollow">https://www.google.com/fonts/specimen/Lato</a> I do get Lato Font. So my guess is that there is something wrong with my code.</p>
  
  <p>The website is <a href="http://www.okaprix.com/" rel="nofollow">http://www.okaprix.com/</a>
  This is the CSS code i wrote to use Lato Font :</p>
  
  <pre><code>/* latin-ext */
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: local('Lato Regular'), local('Lato-Regular'), url(http://fonts.gstatic.com/s/lato/v11/UyBMtLsHKBKXelqf4x7VRQ.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: local('Lato Regular'), local('Lato-Regular'), url(http://fonts.gstatic.com/s/lato/v11/1YwB1sO8YE1Lyjf12WNiUA.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
  }
  body {
  font-family : Lato;
  margin : 0 auto;
  height : 100%;
  font-size: 16px;
  min-width:1066px;
  }
  </code></pre>