title: Add font to website
body: <p>I am trying to add Ubuntu font to my website, I'd like to have it universal on the site so everything is in that font but I started by just adding it to my <code>h1</code> tag to see if it works, but it doesn't work. I have uploaded the font to my server.</p>
  
  <p>This is my css so far:</p>
  
  <pre><code>@font-face {
      font-family: 'Ubuntu';
      src: url('ubuntu/Ubuntu-R.ttf') format('truetype');
      font-weight: normal;
      font-style: normal;
  }
  
  h1, h2, h3, h4, h5, h6 {
      font-family: 'Ubuntu', sans-serif;
      font-weight : normal;
      margin-top: 10px;
      letter-spacing: -1px;
  }
  
  h1 { 
      font-family: 'Ubuntu', sans-serif;
      color: #000;
      margin-bottom : 0.2em;
      font-size : 3em; /* 96 / 16 */
      line-height : 1.4;
  }
  </code></pre>
  
  <p>I'm probably being really stupid, as usual. I've looked at other examples but can't really see what I am doing wrong.</p>