Mat-icon在Angular中与font-awesome一起使用时较小

Question

我正在为<mat-icon>使用Font-awesome，它们看起来更小。

<li>
  <mat-icon>remove_red_eye</mat-icon>
  <mat-icon>brush</mat-icon>
  <mat-icon fontSet="fa" fontIcon="fa-filter"></mat-icon>
</li>

我在styles的{​​{1}}数组（从npm下载）中添加了“ node_modules / font-awesome / scss / font-awesome.scss”，...就这样。我很确定这是因为我没有使用angular.json，但是我没有发现它是如何“导入”整套图标（所有超棒的Font图标）的。

感谢您的帮助

Answer 1

这对我有用！

<mat-icon fontSet="fa" style="font-size: 2em; color: green;" fontIcon="fa-file-csv"></mat-icon>