材质图标不能在Angular production build中渲染
材质图标不能在Angular production build中渲染
提问于 2018-10-30 02:35:09
在::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
- Running
- 中导入物料图标并将其添加到
angular.json中
到目前为止，一切都没有奏效。有什么想法吗？
回答 1
Stack Overflow用户
回答已采纳
发布于 2018-10-30 06:13:58
生产版本不能使用font: 24px 'Material Icons'这样的CSS简写。
将其更新为
font-size: 24px;
font-family: 'Material Icons';解决了问题
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/53051799
复制相关文章
相似问题