Question

我是Angular的新手。我试图按照描述添加angular-font-awesome模块。

https://www.npmjs.com/package/angular-font-awesome

但它没有显示图标。如果我在索引中使用cdn，图标显示完全正常（但我猜这不是要走的路......）。我正在使用scss，所以我在cli中更改了这个:(我的styles.scss样式显示也很好）我也尝试了路径../node_modules - 不工作。

 "styles": [
        "sass/styles.scss",
        "./node_modules/font-awesome/scss/font-awesome.scss"
      ],

从'angular-font-awesome'导入{AngularFontAwesomeModule};

@NgModule({
  declarations: [
    AppComponent,
    AppNavbarComponent
  ],
  imports: [
    BrowserModule,
    AngularFontAwesomeModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }


<a class="icon"><fa name="cog"></fa></a>

Answer 1

尝试在css中添加直接的index.html链接。有关其他详细信息，请参见this帖子。

<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />

Answer 2

问题是为什么不能通过在angular.json中提供链接来使其工作？就我而言，引导程序可以正常工作。仅对于很棒的字体，我必须将链接添加到index.html中才能正常工作图标。

来源： https://stackblitz.com/edit/angular-reciptor?file=src%2Findex.html

Angular angular-font-awesome不显示字体

2 个答案: