css - Importing Fonts into an Angular App -

i'm trying import font "montserrat" angular4 project resets standard.

here's style.css

@import url("https://fonts.googleapis.com/css?family=montserrat:500,700");  .fancyfont {   font-family: 'montserrat'; }

and friend.component.html

<p class="fancyfont">look @ fanciness</p>

i figured out.

i imported google fonts this:

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

which includes 2 different weights, 500 , 700. telling css font-weight wanted use began work.

.fancyfont {   font-family: 'montserrat';   font-weight: 500; }

ANy