title: Using a custom font with CSS3/HTML5?
body: <p>I have this code in the beginning of my CSS stylesheet (linked to my index.html, of course):</p>
  
  <pre><code>@font-face {
      font-family: "Calibri";
      src: local("Calibri"), local("Calibri"), url("fonts/Calibri-Bold.otf") format("truetype");
  }
  </code></pre>
  
  <p>And i'm using:</p>
  
  <pre><code>#id {
  font-family: Calibri, Verdana, Arial, sans-serif;
  }
  </code></pre>
  
  <p>But it still doesn't work. What's wrong with my code?</p>