title: Using downloaded font offline
body: <p>I have just downloaded a google-font. I want to use it in a specific section of the page. I think I am using the font in an incorrect manner.</p>
  
  <pre><code>.page-header {
      font-family: 'Calligraffitti', cursive;
      src : url('../fonts/Calligraffitti/Calligraffitti-Regular.ttf');
  }
  </code></pre>
  
  <p>If this is incorrect, could you tell me the correct way of using a font that is not installed on a system?</p>