问题标签 [font-awesome-5]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
html - 伪元素上的 Font Awesome 5 显示正方形而不是图标
我正在尝试span直接从 CSS 页面更改带有 Font Awesome 图标的内容，但似乎无法使其正常工作。
1) 我已经从文档和<head>
2）我的 html 看起来像这样：
3) 现在假设我想直接从 CSS 页面使用图标更改 span 的内容。
我的 CSS 目前看起来像这样，但它不起作用，它给了我一个正方形而不是图标。
有趣的是，它看起来像是在使用一些图标。如果我用content: '\f007';它进行测试。知道为什么吗？
（如果你想知道我为什么要直接在 CSS 中更改图标，那是因为我使用的是媒体查询，所以我不能直接在 HTML 页面中添加它）
javascript - 字体真棒 5：条件变化时图标不切换
我在 react.js 项目中使用 font awesome 5，并且无法在条件语句中进行图标切换。这是示例代码：
时isRecording == true，图标应从fa-microphone变为fa-stop。但是切换不会发生。麦克风图标保持不变。
奇怪的是，当我不使用fa-layers要切换的按钮中的类时，切换发生了。但是过渡非常尴尬——图标大小和位置偏移：
知道为什么会这样吗？
css - 字体真棒5 unicode
Font Awesome 5 星图标有<i class="fas fa-star"></i>和<i class="far fa-star"></i>不同的是fas , far和 Unicodef005现在我想用它作为我的评级系统，首先是普通星，然后通过点击变成实心星，但是我如何fas far在我的 css 中定义它？
代码
使用上面的代码，我只能得到实心星
css - Font Awesome 的 JS 5：在堆叠图标上填充“空白部分”
使用 Font Awesome 的 JS 5 我想创建一个带有时钟和日历的简单堆叠图标。
上面的片段或多或少是我所期望的，只是我希望时钟的“内部”被填充为白色而不是透明的，所以我看不到日历。
更明确地说，这是希望的结果（一些糟糕的photoshoping......）
css - 带有 Font Awesome 5 图标的复选框
有没有人已经设计了带有字体真棒5个图标的复选框？
我已经用谷歌搜索了它，只找到了 FA-4 的示例，例如http://flatlogic.github.io/awesome-bootstrap-checkbox/demo/
我更新到 FA5 并使用 CSS 伪元素运行其他东西，但在复选框内它没有运行。我对没有伪元素的其他解决方案持开放态度。
提前致谢！
小提琴示例：
html - 将 FontAwesome 图标添加到链接会产生工件
使用 Visual Studio Code，以下在版本 5 中简单嵌入 FA 图标会在浏览器中生成一个非常小的下划线伪影。
</a>结束标记之前的单个空格是罪魁祸首。一个明显的解决方案是不使用空格！但是，如果使用代码编辑器代码格式化将不可避免地产生大量空白，尽管浏览器将其减少为单个空白，但不可避免地会出现伪影。
我唯一的解决方案是使用合适的 CSS 选择器来防止出现下划线。
任何人都可以提出其他建议吗？
font-awesome-5 - Detect checked event after fontawesome changes radiobutton into svg element
Font-Awesome 5 has svg support, but it changes my radiobutton into a svg element, and therefore I don't know how to get the onchange event. In the DOM if you inspect the radio buttons it looks like <svg ... > not <input ... >
HTML
CSS
font-awesome - 使用 fa-solid.js 时不显示 Fontawesome 5
使用 fa-solid.js 而不是 fontawesome-all.js 时显示 fontawesome 有问题
文档声明使用 fas 或 fa 作为前缀，我这样做了，但仍然没有显示任何内容，除非我使用 all.js 包。
我错过了什么吗？
leaflet - 将 Leaflet.AwesomeMarkers 插件与 Font Awesome 5 一起使用？
如何为传单插件Leaflet.awesome-markers升级到 Font Awesome 5 ？这个插件已经有一段时间没有在 github 上更新了，使用 font awesome v4。
这适用于使用 mapbox、leaflet 和 leaflet awesome 标记和 font awesome v4 并且可以正常工作的应用程序。
我尝试像这样升级到 Font Awesome 5：
应用程序.scss
和 index.html：
升级到 Font Awesome 5 后，传单标记显示的图标太小，并且不在标记的中心。他们对 v4 是正确的。
我找到了这个可能的解决方法，但没有什么区别，图标仍然太小而且不居中：https ://gist.github.com/pikesley/0197f9ea8aff737e6b80c945f741d584
如何为 Font Awesome 5 解决这个问题？
css - FontAwesome 5 javax.el.ELException：无法解析表达式 [#{resource['atlas-layout:fonts/fa-brands-400.eot]}]
我是 CSS 和 Font Awesome 世界的新手，在 primfaces atlas 主题中将我的 Font Awesome 从 4.4.0 更新到 5.0.10 时遇到问题，
这是例外
和我的
fa fa 图标工作正常，但不是像 FAB、FAR 这样的新图标
我添加了从 fontAwesome 下载并替换为旧文件的文件，并编辑了 font-awesome.css
请帮忙