title: Fonts not getting applied on android device in ionic 3 app
body: <p>I'm trying to apply my custom font for android application. So I have modified the src/theme/variables.scss and added the following lines:</p>
  
  <pre><code>  @font-face {
    font-family: AppFont;
    src: url("../assets/fonts/RobotoCondensed-Regular.ttf");
  }
  
  body, span, button, h1, h2, h3, h4, h5, h6, p, ion-item, ion-title {
    font-family: 'AppFont' !important;
  }
  
  $font-family-base: 'AppFont';
  $font-family-ios-base: 'AppFont';
  $font-family-md-base: 'AppFont';
  $font-family-wp-base: 'AppFont';
  </code></pre>
  
  <p>and when I run <code>ng serve</code> the fonts are getting applied correctly but when I deploy it to device fonts are gone. How can this be resolved. </p>