title: font-weight over a font-face not working?
body: <p>I am trying to make a text thinner and i have seen it working properly on a website.  <a href="http://www.freshthemes.net/demo/backbone/about-us/" rel="nofollow">http://www.freshthemes.net/demo/backbone/about-us/</a> (Under <code>company overview</code>)</p>
  
  <p>This is the style I am using:</p>
  
  <pre><code>.intro p{
      text-align: justify;
      margin-bottom: 8px;
      line-height: 22px;
      margin-bottom: 8px;
      font: 17px/21px "Open Sans", Arial, "HelveticaNeue", "Helvetica Neue", Helvetica, sans-serif;
      font-style: normal;
      font-variant: normal;
      font-weight: 300;
      color:#656565;
  }
  </code></pre>
  
  <p>And the font is loaded with:</p>
  
  <pre><code>&lt;link rel='stylesheet' id='google_webfont_OpenSans-css'  href='http://fonts.googleapis.com/css?family=Open+Sans' type='text/css' media='all' /&gt;
  </code></pre>
  
  <p>The thing, <code>font-weight</code> property seems not to have any effect. It doesn't mind if I set it to 300 or not. (and it shouldn't, on the previous site its working)</p>
  
  <p>This is my body:</p>
  
  <pre><code>&lt;div class="intro"&gt;
      &lt;p&gt;
          This is the text that should be thinner
      &lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>What am I missing?</p>