Значок материала не отображается в сборке Angular. - PullRequest
Новая
       27

Значок материала не отображается в сборке Angular.

0 голосов
/ 29 октября 2018

Значки материалов не отображаются должным образом в производстве, когда в ::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 он отображает правильный значок со стрелкой, но при производственной сборке он просто отображает текст arrow_drop_down

Я пытался

  1. Импорт значков материалов и добавление их в angular.json вместо
  2. Запуск производственной сборки с extractCss: false

Пока ничего не получалось. Есть идеи?

1 Ответ

0 голосов
/ 30 октября 2018

Производственная сборка не работает с такими сокращениями CSS, как font: 24px 'Material Icons'

Обновление до 

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

решает проблему

...