title: Custom Font Not Displaying
body: <p>Trying to define a custom font:</p>
  
  <pre><code>@font-face {
  font-family: Helvetica Light; src:url('/font/Helvetica-Light.otf');
  font-family: Helvetica Oblique; src:url('/font/Helvetica-BoldOblique.otf');
  font-family: Helvetica Oblique; src:url('/font/Helvetica-LightOblique.otf');    
  font-family: Helvetica Neue; src:url('/font/HelveticaNeueLTStd-ThEx.otf');
  font-family: Helvetica Oblique; src:url('/font/Helvetica-Oblique.otf');
  }
  </code></pre>
  
  <p>and I'm calling it:</p>
  
  <pre><code>h1 {
      font-family: Helvetica Neue;
  }
  
  h2 {
      font-family: Helvetica Oblique;
      font-weight:bold;
  
  }
  
  .input {
      font-family: Helvetica Oblique;
      font-weight: light;
  }
  </code></pre>
  
  <p>But its not displaying, what am I doing wrong here? I did a bit of googling, from what I can see OTF should be supported within FF and IE?</p>