css - 字体真棒库不能与 Angular 项目中的 Angular 材料库一起使用

Question

我试图在我的项目中使用 font awesome css，但 css 没有应用于 HTML 元素。如果我删除Angular Material 主题，那么只有 Font Awesome CSS 正在工作。但是 Angular 材质组件将不起作用！！！

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

对此的任何指导 -

Answer 1

在 angular.json 中，我们有可以加载第三方 css 文件的样式属性。

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

Answer 2

最简单的方法之一是在 src 文件夹的 index.html 中的全局级别导入 CSS。你可以用一个简单的<link rel=“stylesheet” href=“/fontawesome.css

这应该有望解决问题