0

私はnpm installAngularアプリケーションでfont-awesomeアイコンを実行しました。私の内容は次のpackage.jsonとおりです。

"@fortawesome/angular-fontawesome": "^0.5.0",
"@fortawesome/fontawesome-svg-core": "^1.2.36",
"@fortawesome/free-solid-svg-icons": "^5.15.4"

私のapp.module.tsでは、font-awesome をインポートしました。

import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
imports: [
    BrowserModule,
    FontAwesomeModule,
    HttpClientModule
  ]

そして私のコンポーネントでは、

import { faCoffee } from '@fortawesome/free-solid-svg-icons';

コンポーネント html でを使用すると <fa-icon [icon]="faCoffee"></fa-icon>、コーヒー カップのアイコンを正常に表示できました。facebook、 、などのソーシャル アイコンを表示する必要がありますが 、 などを表示しようとするinstagramと、アイコンが表示されません。[icon]= でこれらのソーシャル アイコンを使用するための正しいテキストを教えてもらえますか? 為にtwitter<fa-icon [icon]="faFaceBook"></fa-icon><fa-icon [icon]="?"></fa-icon>

4

1 に答える 1

0

以下は解決策です：

npm add  @fortawesome/free-brands-svg-icons

コンポーネント内:

import { faTwitter,  faFacebookF, faInstagramSquare } from '@fortawesome/free-brands-svg-icons';

  faFacebook = faFacebookF;
  faInstagram = faInstagramSquare;
  faTwitter = faTwitter;


                 <li>
                    <fa-icon [icon]="faFacebook"></fa-icon>
                </li>
                <li>
                    <fa-icon [icon]="faInstagram"></fa-icon>
                </li>
                <li>
                    <fa-icon [icon]="faTwitter"></fa-icon>
                </li>
于 2021-10-20T06:10:58.060 に答える