问题标签 [font-awesome-5]

我以这种方式在我的 Angular 项目中使用 Fontawesome 5：

在构造函数中：

但是单独导入每个图标很傻。我可以以某种方式一次导入所有图标吗？

更新：import * as icons ...不起作用。

在font awesome中，您可以使用 webpack 导入相同图标的不同样式，如下所示：

改编自文档的示例

我有兴趣尝试同时导入所有样式。我的目标是做这样的事情：

我知道我不能在导入时使用条件或循环。以上只是我最好的伪代码示例。我想我必须使用webpack 的动态导入，但我不确定如何使用 webpack 块名称来调整示例。

我尝试使用以下代码使用 font awesome 5 呈现 whatsapp 图标：

但它看起来像这样：

我想要的是让它看起来像出现在 Android 手机中的 whatsapp 图标，即没有方形绿色背景。如何做到这一点？

我正在尝试在“li”元素上使用 font-awesome 5，它显示带有白框的徽标。

HTML：

CSS：

我有角度和字体真棒的问题。在第一代图标列表中，所有基于 css 类的图标都被转换为 svg。它只影响实体图标。例如 ：

以某种方式翻译为

有没有什么办法可以防止这种情况？强制以某种方式翻译？

这可能是有问题的。例如我不能使用实心图标:(

这似乎是一个愚蠢的问题，但是在调查并进行了各种测试之后，我不明白为什么会发生这种情况。

我有一个发送按钮，应该在发送时显示一个微调器，然后返回不显示它。

我在按钮下方添加了 {{sendingEmails}} 以验证变量是否正确更改，并且确实如此。在我的组件中，我有一个最初为 false 的 sentEmails var，并且：

问题是当我点击发送时，数据绑定会正确更新（假-真-假），但样式保持不变，就好像我从未点击过一样。

万一这很重要，我使用 Font Awesome 5 作为微调器。

我也试过

这将导致每次我发送电子邮件时微调器都会增加，并且在第一次之后就不会真正消失。

知道为什么会这样吗？

1. 我正在使用 CSS 内容属性，因为它的加载速度比标签快。
   
2. “fa-user”图标类有两组图标，即“far”和“fas”，但它们共享相同的Unicode“\f007”。这是个问题。
   
3. 获得的结果只有一个缺点。图标在页面加载几秒钟后加载。因此，它与用户体验相混淆。
   
4. 使用标签加起来就是带注释的 HTML 标记。
   

"far"那么，有没有办法我仍然可以使用 CSS 内容属性并在和类之间切换"fas"？

有什么建议可以解决这个问题吗？

我遇到了很多使用 Font Awesome < 5 来解决这个问题的方法，但我似乎无法使用 Font Awesome 5 以任何方式解决这个问题。

这是在占位符文本中添加 Font Awesome 图标的资源数量。

有没有办法在 Vue 中安装 fontawesome？我尝试了一些教程，但它们都无用且不起作用或图标为空或插件根本不渲染！！！！我不想通过脚本导入字体，我想将它安装在我的应用程序中。我尝试了本教程（https://github.com/FortAwesome/vue-fontawesome），但无论我做什么图标都不会呈现，也许有人可以指出我的解决方案？

这是我的代码，但图标甚至不呈现：

另外，我在控制台中收到错误：

检查未找到一个或多个图标 {prefix: "fas", iconName: "spinner"} {}

为什么每当页面上出现 Javascript 错误时，Font Awesome 图标会显示为闪烁的问号？

正确的 Font Awesome 图标正确闪烁 1 秒钟，然后变为 ?

您可以在此页面上看到一些损坏的图标以供参考。另外值得注意的是 Shopify 网站的插件可能不时出现错误，因此很难让这样的网站 100% 控制台无错误。我在使用 Font Awesome 4 和 Font Awesome 5 时都遇到过这个问题：

https://outdoor.best

在 Chrome 版本 65.0.3325.181 Mac High Sierra 上测试

编辑：我很傻，使用 CDN 免费调用 Font Awesome 5 Pro 和 Font Awesome 5 Pro。我删除了免费版本，它现在可以工作了。我会删除这个问题，但不想受到 Stack Overflow 员工的惩罚！