Javascript 角度：谷歌材质图标不渲染

在Angular project中，Google材质图标在chrome中工作正常，但在chrome隐姓埋名模式和firefox模式下无法渲染。 在index.html中，下面的行用于获取字体库

  <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" rel="stylesheet">
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

在模板中：

<mat-icon>person</mat-icon>

人

它不显示图标，而是将人物显示为文本。 在浏览器的“网络”选项卡中，它显示两个请求的状态代码为“307临时重定向”

以下是浏览器中的输出：
您必须使用：

<i class="material-icons">3d_rotation</i>
<i class="material-icons">person</i>

3d\u旋转
人

用作：

<mat-icon svgIcon="person" aria-hidden="false"></mat-icon>
<mat-icon svgIcon="password" aria-hidden="false"></mat-icon>

---

参考资料：

我试过了，它在chrome中运行良好。但在chrome匿名模式和firefox中，同样的问题（307临时重定向）即将出现。