问题标签 [font-awesome-5]

由于我使用的是 Font Awesome 版本 5，因此输入元素内的图标存在问题。它仅显示在输入文本元素之外。

我的意思是 我想要输入类型文本字段内的图标。

编码：

我想将默认前缀更改为 Font Awesome Regular 所以尝试做

但我仍然需要做一个“远”前缀才能使其工作

https://codesandbox.io/s/40v5jk6no7

我正在使用 font-awesome SVG，之前我在范围方面遇到了一些问题，但现在我遇到了一个新问题 - 我在对另一个问题的评论中询问了这个问题，并被告知这是一个完全独立的问题。

这是我当前的代码：

（注意：即使上面的 removeClass() 也不起作用，似乎无法从成功函数内部更改元素？）

现在，当我这样做时console.log(this)，我会得到一些对我来说似乎很奇怪的结果。

第一次单击该图标时，console.log()我得到以下结果：

每次之后，我总是得到这个结果：

并且图标在实际页面上永远不会改变，它只是保持作为微调器。我真的不明白这里出了什么问题。这似乎应该是一件简单的事情，但对我不起作用。

该元素最初在页面上加载为：

我正在使用 font-awesome CDN 版本 v5.0.8。

我已经尝试了几件事，例如直接编辑属性，如您在此处看到的，我发现这是从这个 StackOverflow 问题中执行此操作的正确方法，并且我还尝试编辑 SVG 对象的实际类（ $(this) 在context ），但这也没有效果。

当我检查对象上的元素时，chrome 告诉我代码已激活，因为元素标签有点“闪烁”，但实际上并没有改变任何数据。

出了什么问题？

我从来没有遇到过这种问题 - 我不知道为什么..

一些图标丢失并出现闪烁“？/！”

怎么了？

它是一个提交按钮。我在另一个按钮上有相同的图标 - 那里没问题。

任何想法？

谢谢！！

我只是在做一个初学者项目，当我将鼠标悬停在 Instagram 图标上时，我希望它从我从 StackOverflow 复制的一些 svg 代码慢慢过渡到颜色渐变。我了解 SVG 代码的工作原理（通常），但无法弄清楚如何使转换工作。

这是一段必要的代码，以及我迄今为止尝试过的 css。

我相信最终转换值fill是导致问题的原因。如果我将其更改为不同的值，例如"blue"或"red"，则转换工作正常。

是否可以仅针对特定图标跳过用 SVG 替换？例如包含一些类？或者覆盖替换功能来增加这种可能性。我有一个用于 linux dist 图标的 3rd party lib 案例，我想用 SVG 替换所有来自 fontawesome 包的图标，但跳过它用于 linux 图标。

有人可以建议我如何将 FontAwesome 5 Pro与 React 集成吗？

我知道有 @fortawesome/react-fontawesome 包，例如 @fortawesome/fontawesome-free-regular 但有没有办法包含专业版图标？

当我登录到 FontAwesome 网站时，我可以下载专业版的 JS，但我想这在 React 中没有用。

当我使用

它会显示一个向下的角度，但是当我将它添加到 css 时，它会显示一个表示错误的正方形，但控制台日志中没有任何内容。

我该如何解决这个问题？谢谢你。

我已经阅读了官方文档，但我没有得到太多关于fa-svg-with-js.css

目前，我正在使用fontawesome-all.min.js，这就是我所需要的。但是，文件大小非常大（680kb）。

我注意到有另一个文件夹，其中有一个名为fa-svg-with-js.css 的文件，这是干什么用的？我需要吗？

我还注意到还有fontawesome.min.js一个文件大小要小得多（27kb）的文件。我如何使用它，为什么它比 svg 小。

我不想使用 webfont 版本。有什么建议么？

我可以使用 javascript 代码生成 html 表，但是 fontawesome 图标没有出现。我尝试了很多东西，但仍然是同样的问题。

这是代码片段：

我也尝试了下面的代码，它也不起作用：

出于测试目的，我创建了虚拟 html 表，它按预期工作：

我正在使用的进口商品是

谢谢您的帮助。