Question

我试图加载图标＆＃34; money-check＆＃34;使用angular-fontawesome;但得到消息 FontAwesome: Could not find icon with iconName=money-check and prefix=fas 大多数其他图标有效;我发现有一些人没有：

钱检查
money-check-alt
用户检查

它们未在upgrade guide下列为重命名。

我的package.json：

"@fortawesome/angular-fontawesome": "0.1.0-10",
"@fortawesome/fontawesome-svg-core": "^1.2.0-11",
"@fortawesome/free-brands-svg-icons": "^5.1.0-8",
"@fortawesome/free-regular-svg-icons": "^5.1.0-8",
"@fortawesome/free-solid-svg-icons": "^5.1.0-8",

我的app.module：

import {fas} from '@fortawesome/free-solid-svg-icons';
import {faPlayCircle, faThumbsUp, faThumbsDown} from '@fortawesome/free-regular-svg-icons';

library.add(fas, faPlayCircle, faThumbsUp, faThumbsDown);

我的HTML： <fa-icon class="icon type" icon="money-check" size="lg"></fa-icon>

Answer 1

查看icon's page：它是在5.0.13中添加的 - 您似乎正在使用5.1.0-8。 user-check来自5.1.0.11。

Answer 2

感谢@MBaas指出了正确的方向。我按照angular-fontawesome page的说明进行操作;现在恢复到常规字体awesome安装。这是解决它的package.json：

"@fortawesome/angular-fontawesome": "0.1.0-10",
"@fortawesome/fontawesome": "^1.1.8",
"@fortawesome/fontawesome-free-brands": "^5.0.13",
"@fortawesome/fontawesome-free-regular": "^5.0.13",
"@fortawesome/fontawesome-free-solid": "^5.0.13",
"@fortawesome/fontawesome-svg-core": "^1.2.0-11",

Answer 3

我遇到了同样的问题，我解决了这个问题，在 library.add() 中添加并在相应行中导入了必要的图标，在您的情况下，您需要 app.module.ts 中的下一个代码：

从'@fortawesome/free-solid-svg-icons'导入{fas , faMoneyCheck}；从“@fortawesome/free-regular-svg-icons”导入 {faPlayCircle, faThumbsUp, faThumbsDown};

library.add(fas, faPlayCircle, faThumbsUp, faThumbsDown , faMoneyCheck);

我希望这对你有帮助，谢谢并批评我的英语。

Answer 4

正如我所见，您的 html 是错误的。你有

<fa-icon class="icon type" icon="money-check" size="lg"></fa-icon>

但应该是：

<fa-icon class="icon type" [icon]="faMoneyCheck" size="lg"></fa-icon>

检查 [icon]=

还有，需要导入

字体真棒5：找不到图标钱检查

4 个答案: