title: @font-face problems
body: <p>Right now I'm trying desperately to get <code>@font-face</code> to work in my website. This is the code I am using right now.</p>
  
  <pre><code>@font-face {  
  font-family: romeral;  
  src: url(fonts/romeral.otf ) format("opentype");  
  }
  </code></pre>
  
  <p>And then....</p>
  
  <pre><code>h1 {
  font-size:2.5em;
  font-family:romeral;
  }
  </code></pre>
  
  <p>I am using the font Romeral. Here's a link to it: <a href="http://www.smashingmagazine.com/2007/02/06/freefont-of-the-week-romeral/" rel="nofollow noreferrer">http://www.smashingmagazine.com/2007/02/06/freefont-of-the-week-romeral/</a></p>
  
  <p>For some reason it just won't work. It won't render the font on the page. I've tried using other fonts like Ripe, and they work. I've made sure I don't have any spelling errors. What I'm wondering is if there is a restriction that some fonts use to stop people from using their fonts with @font-face. Or maybe I've made an obvious mistake in my code. </p>
  
  <p>Thanks in advance.</p>