Библиотека Font Awesome не работает с библиотекой Angular Material в Angular Project

Question

Я пытался использовать шрифт удивительный CSS в моем проекте, но CSS не применяется к элементам HTML. Если я удалю тему Angular Material, то будет работать только CSS Font Awesome. Но тогда Угловые Материальные Компоненты не будут работать!!!

@import "~font-awesome/css/font-awesome.css";
@import "~@angular/material/prebuilt-themes/indigo-pink.css";

Любое руководство для этого -

Answer 1

В angular.json у нас есть свойство styles, которое позволит загружать сторонние css файлы.

"styles": [
     "node_modules/@angular/material/prebuilt-themes/indigo-pink.css",
     "font-awesome/css/font-awesome.css"
],

Answer 2

Один из самых простых способов - импортировать CSS на глобальном уровне в index.html в папке src. Вы можете сделать это с помощью простого <link rel=“stylesheet” href=“/fontawesome.css

Надеюсь, это должно решить проблему