title: Poor font rendering in Firefox vs other browsers
body: <p>I'm struggling to see why a nice clean / simple font like Open Sans Light doesn't look right in Firefox, but looks fine in Chrome and Safari. I guess even Chrome and Safari have some slight differences, but for the most part they look the same in those browsers.</p>
  
  <p><img src="https://i.stack.imgur.com/5iLRg.png" alt="comparison on different browsers"></p>
  
  <p><a href="http://503rephotography.com/_font/testfont.html" rel="nofollow noreferrer">http://503rephotography.com/_font/testfont.html</a> - try and look at it in Firefox and then Chrome or Safari, and you will see what I mean...not sure what it looks like in IE and don't really care all that much to be honest... :) but the font in Firefox is kinda heavy and not quite the right shape, where it should be lighter and better looking. And it's not just this font, it's pretty much every font other than the basics like Arial or Verdana.</p>
  
  <p>CSS</p>
  
  <pre><code>    h1 {
      font-size:2em;
      font-family:OpenSansLight;
      color:#000;
      }
  
  
      @font-face {
          font-family: 'OpenSansLight';
          src: url('fonts/OpenSans-Light-webfont.eot');
          src: url('fonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'),
               url('fonts/OpenSans-Light-webfont.woff') format('woff'),
               url('fonts/OpenSans-Light-webfont.ttf') format('truetype'),
               url('fonts/OpenSans-Light-webfont.svg#OpenSansLight') format('svg');
          font-weight: normal;
          font-style: normal;
  
      }
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>    &lt;h1 align="center"&gt;Test... Open Sans Light&lt;/h1&gt;
  </code></pre>
  
  <p>I looked around for an answer and most of the issues were just with a specific font, but I don't think that's the case here, as it applies to all of the ones I've tried, and I know they can look good in Firefox from viewing other sites.</p>
  
  <p>Lots of sites use these fonts and look identical across browsers, are they using something like Adobe typekit in order to do this..? For a lot of these I've got the web font kit off fontsquirrel.com and it seems to work fine other than the inconsistencies. Any input is much appreciated...thanks!</p>