title: How to use google fonts locally instead of importing in angular 4 project
body: <p>I am importing google fonts urls in my angular 4 project scss file like below,</p>
  
  <pre><code>@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
  @import url('https://fonts.googleapis.com/css?family=Oswald:400,600,700');
  @import url('https://fonts.googleapis.com/css?family=Heebo:400,500,700');
  </code></pre>
  
  <p>instead of importing url's directly, how can I download/install them and use locally in angular 4 scss file.</p>
  
  <p>Any solutions will be helpful.</p>