title: font-weight property does not seem to work on any browser
body: <p>I'm having an issue with the <code>font-weight</code> property, it might be an obvious fix but I cant seem to figure it out, any help would be appreciated.</p>
  
  <pre><code>body
  {
      font-family: charcoal, arial, sans-serif;
      font-size:small;
      font-weight:lighter;
  }
  </code></pre>
  
  <p>This is the font that I cam trying to set for a page, however the font-weight property doesnt seem to be doing anything at all, in any browsers. It seems to stay at the default weight and whether I use <code>lighter</code>, <code>bold</code> or <code>300</code> it has no effect at all on the font. I've also tried this with the Impact font and I had the same problem. Any tips?</p>