只有一些字体很棒的图标显示

Question

只有某些图标有效：

• fa-user
• fa-check
• fa-minus
• fa-phone

其他仅显示一个空的方形图标：

• fa-skull
• fa-apple

和其他图标不执行任何操作：

• fa-x
• fa -xmark
• fa-road-circle-exclamation

我正在将 Blazor 与 Blazorize 结合使用，并尝试了以下操作：

• （有效）
• （无效)
• <图标名称="IconName.Mail" /> (有效)
• <图标名称="@("fa-gift")" /> （有效）
• （无效）
• （不起作用）

在我的 _Host.cshtml 文件中，我有：

没有它， Blazorize 方法永远无法工作。

Answer 1

解决方案 - 升级到字体很棒的6

图标，例如“ xmark”，不起作用，因为它们不包含在字体上很棒的版本5免费图标集中。这个问题专门询问版本5，包括一个链接。可能的解决方案是（1）不要使用缺少的图标或（2）升级到字体上很棒的6。

除了旁边，Bootstrap 5现在拥有自己的相当广泛的图标集，可以在此处找到：

bootstrap图标

Answer 2

在版本 5 中使用“times”表示“xmark”和“x”

https ://fontawesome.com/v5/icons/times?s=solid&f=classic

Answer 3

我的快速解决方法是使用 fa-close 替换 fa-xmark

我正在使用 bootstrap 5，fa-xmark 不起作用，有时只有 fa-check 有效。

请参阅下面的示例，橙色图标和绿色图标

Answer 4

似乎xmark图标仅在付费的6.2.0版本中可用。我找到了一个解决方法：您可以下载您喜欢的图标的 .svg 文件，并在 标签的帮助下在您的项目中使用它。您将失去一些奇特的功能，例如轻松定制，但它仍然有效。