仅有一部分 Font Awesome 图标显示

Question

4

只有一部分图标能够正常显示：

其他的图标只显示一个空方框：

还有一些图标什么也做不了：

我正在使用 Blazor 和 Blazorize，已经尝试了以下方法：

在我的 _Host.cshtml 文件中添加了以下内容：

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" />

如果没有这个文件，Blazorize 的 <Icon> 方法将无法使用。

- Vereonix

1

无法工作的图标似乎来自“pro”（付费）图标集。因此，这是预期的行为。 - Yogi

@Roberto xmark是免费的，但无法正常工作。 - Vereonix

1

@Vereonix，似乎v5中没有包含xmark。 - T.Trassoudaine

1

Font Awesome无法正常工作的最常见情况是：1.使用错误的版本。2.在没有PRO访问权限的情况下使用PRO图标。3.使用不正确的类名。（不仅是拼写错误，有时用户会从不同版本中使用不正确的名称。） - vee

fa-xmark 对我不起作用，只有 fa-check 对我有效。 - hoogw

请尝试使用fa-x或fa-close代替fa-xmark。 - cmdln

4个回答

1

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

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

请参见下面我的示例中的橙色图标和绿色图标。

- hoogw

1

在版本5中使用"times"代替"xmark"和"x"

- Henry

0

看起来叉号图标仅在付费的6.2.0版本中可用。我找到了一个解决方法：您可以下载您喜欢的图标的.svg文件，并使用<img>标签将其用于您的项目中。您将失去一些花哨的功能，如轻松自定义，但它仍然有效。

- Anton Morozov

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Yogi · Accepted Answer

解决方案 - 升级到 Font Awesome 6

由于缺少像 "xmark" 这样的图标，它们没有包含在 Font Awesome 版本 5 免费图标集中，因此无法使用。并且问题通过包括链接明确要求使用版本 5。可能的解决方案是 (1) 不使用缺失的图标或 (2) 升级到 Font Awesome 6。

另外，Bootstrap 5 现在有自己相当丰富的一组图标，可以在这里找到：