フォント-素晴らしいアイコンは、私はフォント素晴らしい使用して、角度4プロジェクトに取り組んでいますAngular4プロジェクト

Question

にロードしていない、私はNPMとライブラリをインストールするには、このガイドに従っ： How to add font-awesome to Angular 2 + CLI project

私はにプロジェクトを構成しましたNG-サーブのコマンドを使用して、SCSSスタイルシートをコンパイルし、角度-cli.jsonの私のスタイルのパスは次のようになります。

"styles": [ 
     "../node_modules/bootstrap/scss/bootstrap.scss", 
     "../node_modules/bootstrap/scss/main.scss", 
     "../node_modules/font-awesome/scss/font-awesome.scss" 

     ], 

私もよ、その上にアドレスカードのアイコンとボタンを作りたいですブートストラップ4を使用しているので、次のようになります。

<button class="btn btn-sm btn-primary"><span class="fas fa-address-card"></span></button> 

それがロードするとき、それは次のようになります。あなたはクラスのFAを使用しての代わりに、FASしなければならない

Answer 1

。 faクラスはfont-faceを設定します。 http://fontawesome.io/icon/address-card/