title: Use font awesome 5 on angular material 7
body: <p>I'm using angular 7.0.1 and angular material 7.0.2, I want to add the font awesome 5.4.2 icons and I'm trying to follow the steps on fontawesome web but I can't get the font awesome icon font.</p>
  
  <p>first:</p>
  
  <pre><code>npm install --save-dev @fortawesome/fontawesome-free
  </code></pre>
  
  <p>then in styles.scss add:</p>
  
  <pre><code>@import '~@fortawesome/fontawesome-free/scss/fontawesome.scss';
  </code></pre>
  
  <p>and in _variables.scss add:</p>
  
  <pre><code>$fa-font-path: '~@fortawesome/fontawesome-free/webfonts';
  </code></pre>
  
  <p>now in app.component.ts add:</p>
  
  <pre><code>import { MatIconRegistry } from "@angular/material";
  
  [...]
  
  constructor(
      public matIconRegistry: MatIconRegistry,
    ) {
      matIconRegistry.registerFontClassAlias ('fas');  // tried with 'fas' and with 'fa'
    }
  </code></pre>
  
  <p>and finally I'm suposed to print the font awesome icons with:</p>
  
  <pre><code>&lt;mat-icon mat-list-icon fontIcon="fas github"&gt;&lt;/mat-icon&gt;  // tryed also with 'fas-github', 'fasGithub', 'github', 'fa-github', 'fa github' and 'faGithub'
  </code></pre>
  
  <p>But the font awesome icon font is never printed. I'm missing something important and obvious but right now I'm not seeing it.</p>