title: Adding Custom Font in CSS/HTML?
body: <p>trying to add a custom font into my wordpress website but it's just not working. I tried using one of the plugins but I only see the change in font in 'edit mode' but when i actually go on the public webaddress the font does not load.</p>
  
  <p>I've converted futura condensed light into the various types and added this in my style.css on the theme I'm using</p>
  
  <pre><code>@font-face {
      font-family: 'Conv_futura-condensedlight-normal';
      src: url('fonts/futura-condensedlight-normal.eot');
      src: url('fonts/futura-condensedlight-normal.eot?#iefix') format('embedded-opentype'),
           url('fonts/futura-condensedlight-normal.woff') format('woff'),
           url('fonts/futura-condensedlight-normal.ttf') format('truetype'),
           url('fonts/futura-condensedlight.svg#Conv_futura-condensedlight-normal') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  </code></pre>
  
  <p>and also added this</p>
  
  <pre><code>h7{font-family: 'Conv_futura-condensedlight-normal';}
  </code></pre>
  
  <p>On the page where I want the text to change I have:</p>
  
  <pre><code>&lt;h7&gt;LOGIN&lt;/h7&gt;
  </code></pre>
  
  <p>but the text does not change..</p>
  
  <p>I've also uploaded the files into the fonts folder in the theme directory (where other fonts are)</p>
  
  <p>Can't seem to find the bug. Help would be appreciated!</p>