在::before
/::after
内容中时,材质图标在生产环境中无法正确渲染。font
属性在生产版本中消失。
我已经导入了材质图标https://fonts.googleapis.com/icon?family=Material+Icons
app.component.html
<div></div>
app.component.css
div::before {
content: 'arrow_drop_down';
font: 24px 'Material Icons';
}
在运行ng build
或ng serve
时,它会呈现正确的图标箭头图标,但在production build中,它会简单地呈现文本arrow_drop_down
我试过了
使用extractCss: false
在instead
angular.json
中到目前为止,一切都没有奏效。有什么想法吗?
发布于 2018-10-30 06:13:58
生产版本不能使用font: 24px 'Material Icons'
这样的CSS简写。
将其更新为
font-size: 24px;
font-family: 'Material Icons';
解决了问题
https://stackoverflow.com/questions/53051799
复制相似问题