Importing Fonts into an Angular App

I'm trying to import the Font "Montserrat" into my Angular4 project but it simply resets to standard.

Here's my style.css

@import url("https://fonts.googleapis.com/css?family=Montserrat:500,700");

.fancyFont {
  font-family: 'Montserrat';
}

And my friend.component.html

<p class="fancyFont">Look at my Fanciness</p>