title: Google Fonts not showing Chrome and IE
body: <p>I'm pulling in the google font code using their include.  Their CSS looks like this:</p>
  
  <pre><code>@font-face {
    font-family: 'Oswald';
    font-style: normal;
    font-weight: 300;
    src: url(http://themes.googleusercontent.com/static/fonts/oswald/v7/HqHm7BVC_nzzTui2lzQTDfY6323mHUZFJMgTvxaG2iE.eot);
    src: local('Oswald Light'), local('Oswald-Light'), url(http://themes.googleusercontent.com/static/fonts/oswald/v7/HqHm7BVC_nzzTui2lzQTDfY6323mHUZFJMgTvxaG2iE.eot) format('embedded-opentype'), url(http://themes.googleusercontent.com/static/fonts/oswald/v7/HqHm7BVC_nzzTui2lzQTDT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
  }
  </code></pre>
  
  <p>Using this I created a css class</p>
  
  <pre><code>.oswald {
      font-family: 'Oswald', Verdana, Arial, Helvetica, sans-serif
  }
  </code></pre>
  
  <p>Then I use that like this</p>
  
  <pre><code>&lt;div class="oswald"&gt;text&lt;/div&gt;
  </code></pre>
  
  <p>Here's where it gets a little weird.  I'm using Visual Studio so when I debug it locally I see the correct font.  When I put it up on the server it's showing me the Verdana font.  Chrome also shows the wrong front.  Safari and Firefox both show the correct font.</p>