title: When using google web font with multiple weights, IE6-8 get confused
body: <p>I've made this example as simple as possible:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
    &lt;title&gt;Test&lt;/title&gt;
    &lt;link href="http://fonts.googleapis.com/css?family=Open+Sans:300,800" 
          rel="stylesheet" type="text/css"&gt;
    &lt;style type="text/css"&gt;
      h1 {
        font-family: "Open Sans";
        font-weight: 800;
      }
    &lt;/style&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
    &lt;h1&gt;Testing h1&lt;/h1&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>Right now in IE6-8, the H1 tag will display as something other than 300 or 800 ... it looks like a 600.  If I remove the 800, it displays correctly as 300.  And if I remove the 300 and keep the 800, it displays correctly as 800.  Can anyone else replicate this and explain how IE is displaying a font-weight that I haven't even pulled in?</p>