title: using 'lighter' weight of a font
body: <p>I'm trying to use the "Helvetica Light" font, which comes bundled with Helvetica.  To do this I read that I had to specify "Helvetica Light" AND font-weight: lighter.  I've gotten this to work only by doing this (<strong>in SASS</strong>):</p>
  
  <pre><code>  p    
      font: "Helvetica Light", Arial, sans-serif
      font-size: 12px
      font-weight: lighter
  </code></pre>
  
  <p>and in other instances,</p>
  
  <pre><code> h2.light    
      font: Helvetica, Arial, sans-serif
      font-size: 12px
      font-weight: lighter
  </code></pre>
  
  <p>(or with font-family instead of font)</p>
  
  <p>which is really weird and the only combos that works so far (combining all properties into 'font' doesn't work, and calling the <code>font:</code> as <code>font-family:</code> sometimes doesn't work.</p>
  
  <p>In another rule, I wasn't able to get it to work unless I ONLY had <code>font-weight: lighter</code> with no font specified (but it inherited Helvetica).</p>
  
  <p>Now I copied the exact same font styles as the <code>p</code> and put it in an <code>h4</code> and it no longer works.  Wtf?  What am I doing wrong/why is this so buggy?</p>
  
  <p><strong>EDIT: THIS IS NOT A SYNTAX PROBLEM.  To the answers below, note that I am using SASS. No semicolons and brackets needed.</strong>  Also the file I am editing is 5k lines long (a hand me down) and grouped into somewhat organized sections.  So I'd like to keep the sections intact until I can refactor it, but then I can't group all the p's and h2.lights together since they are in different sections. 
  Thanks!</p>