title: Custom font is not working in device
body: <p>I have developed an android mobile application using the Ionic framework.I have used  custom font <strong>Lato-Black</strong> by refering this <a href="https://blog.nraboy.com/2014/10/use-font-awesome-glyph-icons-ionicframework/" rel="nofollow">blog</a>.However it doesn't work on devices. In Chrome/Firefox,works well.</p>
  
  <p><strong>style.css</strong></p>
  
  <pre><code>.text-font-white {
      color: white;
      margin-bottom: 0;
      font-family: 'Lato-Black';
  }
  @font-face {
      @font-face {
          font-family: 'Lato-Black';
          src: url('../fonts/fontawesome-webfont.ttf') format('truetype');
          font-weight: normal;
          font-style: normal;
      }
  }
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;h1 class="text-font-white"&gt;Welcome&lt;/h1&gt;
  </code></pre>