title: Cant reduce bold size of header 1
body: <p>I am trying to make the font in h1 less bold. It seems like the letters are just to fat.</p>
  
  <p>CSS:</p>
  
  <pre><code>h1 {color: #FFFFFF; font-family: ballparkweiner; font-size: 110px;
  text-align: center; margin: 0px; }
  
  @font-face {
      font-family: 'ballparkweiner';
      src: url('ballw___.eot');
      src: url('ballw___.eot?#iefix') format('embedded-opentype'),
           url('ballw___.woff') format('woff'),
           url('ballw___.ttf') format('truetype'),
           url('ballw___.svg#ballparkweiner') format('svg');
      font-weight: normal;
      font-style: normal;
  
  }
  
  
  h2 { margin: 0px; text-align: center; font-size: 40px; color: #FFFFFF; font-family: Cambria;}
  
  body {background-color: #000000;}
  
  h3 {text-align: center; color: #FFFFFF; }
  
  #footer { font-weight: bold; text-align: center; font-family: Audimat;
      clear: both; width:48%;
          border-radius: 8px;
          background-color:black;
          text-align:center; margin-right:auto;
          margin-left:auto; color: #FFFFFF; }
  </code></pre>
  
  <p>From the information I gathered on-line, most said to use font-weight: lighter;</p>
  
  <p>but that doesn't validate when I use the css validator. Any ideas?</p>