title: Best practice/Style for importing font into angular 4 cli web application
body: <p>I have been working on an Angular 4 personal project, and wanted to add the Ubuntu font family to my Angular application. What is the best practice or style for adding a number of custom fonts to a project? I currently have saved the ubuntu font family into /assets/fonts/ubuntu-font-family-0.83 and added it to the outer most component CSS file, app.component.css with font face.</p>
  
  <pre><code>@font-face {
     font-family: 'Ubuntu';
     src: url('/assets/fonts/ubuntu-font-family-0.83/Ubuntu-R.ttf');
  }
  </code></pre>
  
  <p>By putting this in the original component I don't have to redefine the font in nested components i just treat it like a default font-family.</p>
  
  <p>Is there a clearer/better way to do this and still cut out duplicate code?</p>