Css 材质图标不显示'；角度生成构建中的t渲染

当在

：：before

/

：：after

内容中时，材质图标在生产中未正确呈现。

font

属性在生产生成时消失

我已经导入了材质图标

app.component.html 当运行

ng build

或

ng serve

时，它会呈现正确的图标箭头图标，但对于生产构建，它会简单地呈现文本

箭头下拉列表

我试过了

导入材质图标并将其添加到

angular.json

中

使用

extractCss:false运行生产构建

---

到目前为止，一切都不起作用。有什么想法吗？

生产版本不能使用CSS速记，如

font:24px“材质图标”

更新到

font-size: 24px;
font-family: 'Material Icons';

解决问题

div::before {
  content: 'arrow_drop_down';
  font: 24px 'Material Icons';
}

font-size: 24px;
font-family: 'Material Icons';