私はプロジェクト全体でいくつかの無料のFontAwsomeアイコンを使用しています。たとえば、大部分の負荷は問題ありません
<i class="fa fa-search"></i>
ただし、虫眼鏡アイコンが表示されます
<i class="fa fa-sync"></i>
何も表示されません。FontAwsomeサイトではどちらも「無料」と記載されています
私のangular.sjonファイルには、FontAwesomeへの次の参照があります。
"styles": [
"src/styles.css",
"node_modules/bootstrap/dist/css/bootstrap.min.css",
"node_modules/font-awesome/scss/font-awesome.scss"
],
私のpackage-lock.jsonファイル;
"font-awesome": {
"version": "4.7.0",
"resolved": "https://registry.npmjs.org/font-awesome/-/font-awesome-4.7.0.tgz",
"integrity": "sha1-j6jPBBGhoxr9B7BtKQK7n8gVoTM="
},
そして私のpackage.jsonファイルで;
"font-awesome": "^4.7.0",
期待しているアイコンが表示されないのはなぜですか?
私はAngularとFontAwesomeの両方に比較的慣れていないので、私のアプローチが一般的に間違っている場合は、ガイダンスとして非常に役立ちます(つまり、+ 1になります)。
fontawesomeサイトにバージョン5以降が表示され、古いバージョンがインストールされました。
このパッケージをインストールする必要があります
npm install @fortawesome/fontawesome-free
このようにスタイルファイルをインポートするには
style.scss
@import "@fortawesome/fontawesome-free/css/all.css";
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加