title: custom font on text inside a div
body: <p>I have a custom font which I need to use inside </p>
  
  <blockquote>
    <p>project/assets/fonts/font.ttf</p>
  </blockquote>
  
  <p>The css file is inside </p>
  
  <blockquote>
    <p>project/css/style.css</p>
  </blockquote>
  
  <p>The html snippet is:</p>
  
  <pre><code>&lt;div class="text"&gt; title &lt;/div&gt;
  </code></pre>
  
  <p>The css part is:</p>
  
  <pre><code>.text{
  width: 33.3%;
  float:left;
  font-family:font;
  src: url('../assets/fonts/font.ttf');}
  </code></pre>
  
  <p>But this is not working. That is, the text is being displayed with default font. Whats wrong here?</p>