title: Adding local ttf fonts using @font_face in CSS
body: <p>I am trying to add a local font to a site I am testing. It is called "AcrosstheRoad.ttf" and can be found in my assets/fonts/ folder. I am doing the following to try to read it into the CSS file:</p>
  
  <pre><code>@font-face {
    font-family: 'AcrosstheRoad';
    src: url('assets/fonts/AcrosstheRoad.ttf')  format('truetype');
  }
  </code></pre>
  
  <p>And I want to use it as a certain header type so I am using</p>
  
  <pre><code>h3{
  font-family: 'AcrosstheRoad';
  color: #333;
  }
  </code></pre>
  
  <p>But unfortunately the font is not loading in. Does anyone know what I'm doing wrong?</p>
  
  <p>Thanks!
  Christina</p>