title: Importing Fonts into an Angular App
body: <p>I'm trying to import the Font "Montserrat" into my Angular4 project but it simply resets to standard.</p>
  
  <p>Here's my style.css</p>
  
  <pre><code>@import url("https://fonts.googleapis.com/css?family=Montserrat:500,700");
  
  .fancyFont {
    font-family: 'Montserrat';
  }
  </code></pre>
  
  <p>And my friend.component.html</p>
  
  <pre><code>&lt;p class="fancyFont"&gt;Look at my Fanciness&lt;/p&gt;
  </code></pre>