title: Custom font Ionic 2
body: <p>So I'm trying to use a custom font in my Ionic 2 app and for some reason it's displaying something that is not correct.</p>
  
  <p>My font is GothamRounded, so I copy all .ttf, .svg, .otf and .eot files inside the www/fonts folder in my Ionic project.</p>
  
  <p>Then, inside app.component.scss (my main component) I wrote this:</p>
  
  <pre><code>app {
  
    @font-face {
      font-family: GothamRounded;
      src: url($font-path + "/GothamRounded-Book.ttf");
    }
  
    font-family: GothamRounded;
  
  }
  </code></pre>
  
  <p>Now, when my app is reloaded, my font has changed, and if I inspect an element with text inside I can see this in dev console:</p>
  
  <pre><code>app {
      font-family: GothamRounded;
  }
  </code></pre>
  
  <p>But the text displayed has a seriff, and my font doesn´t, so I'm guessing this is not actually getting the real font.</p>
  
  <p>Any idea what might be happening?
  Thanks</p>