问题标签 [font-awesome-5]

我想显示一个加载指示器，因为我的自动完成输入用于从 Web 服务获取建议。

我有以下 HTML：

后面有以下 TypeScript：

期望的结果是显示和隐藏 FontAwesome 微调器。

实际发生的情况是，如果我打字相对较快，则会创建并显示多个微调器。我认为这是因为实际上有多个线程正在运行以从 Web 服务 ( this.DataService.loadSuburbList(value)) 获取数据。

我不想在这里提供单例服务，因为单个表单上可能有多个自动完成查找。我已经尝试为此研究 rxJs 技术，并假设答案类似于 C# 委托。我不知道如何从这里开始。

*注意：我将其设为计数器而不是布尔值，因此我可以跟踪出于调试目的而调用它的次数。我首先假设它一定与 switchMap 没有按我预期的那样工作有关。

*编辑：在进一步测试中，这似乎是新 FontAwesome 软件包的错误。如果使用静态“正在加载...”字符串，它会按预期工作。

如何为 Twitter 图标添加边框并将颜色更改为红色？

边框颜色没有帮助。

我有一个外部链接字符没有以伪元素样式显示的问题。其他字符正在显示。

Font-Awesome 5.0.6 免费，CSS/Webfont 版本，通过 CDN 包含： https ://use.fontawesome.com/releases/v5.0.6/css/all.css

这适用于我的正常身体内容：

在 CSS 中，这不起作用：

在伪中使用另一个字符确实有效：

根据文档，外部链接图标是 FA5 Free 集的一部分：https ://fontawesome.com/icons/external-link-alt?style=solid

这是一个错误还是我错过了什么？

编辑 1：JS Fiddle 示例： https ://jsfiddle.net/berjcaLy/4/

编辑2：意外发现将<a>标签包装在<b>或<strong>将使外部链接伪图标起作用。（JSfiddle 也更新了）

FA5 如何通过font-size css 属性缩放SVG图标？如何像 Fontawesome 那样扩展这个示例 svg？非常感谢你。

在从 4.7.0 升级 Font Awesome 5 的过程中，我注意到我为<i>标签提供的任何类绑定都不会像以前那样起作用。

想象一下具有类绑定的以下元素：

<i class.bind="iconClass"></i>

iconClass并想象存在的初始值'fas fa-cog'。更改 to 的值时iconClass，'fas fa-ship'图标不会更新为新设置的图标类。它将保持一个齿轮图标。

我相信这是因为 Font Awesome 5 用标签替换了<i>标签，<svg>并且没有正确复制类绑定，因此不会触发图标更改。

在以下示例中，绑定的类在两秒后更改以说明问题，请参阅此 GistRun以获取问题示例。参见app.html和app.js实现。它还包含一个肮脏的解决方法。

如何/应该如何实施这种行为？

以下代码显示了引导工具提示和本机标题属性工具提示：

小提琴

如何不显示 Fontawesome 5 的 icon-svg 的原生标题属性，所以只显示 Bootstrap 工具提示？

我不知道如何将 FontAwesome 5 包含到 Angular 2+ 应用程序中。我找到了这个包 - https://www.npmjs.com/package/@fortawesome/fontawesome 你能告诉我应该在哪里导入这个包吗？也许在 app.module.ts 文件中？

在这段代码中，span有一个tooltip切换，当我将鼠标悬停在它上面时，

它显示我Bootstrap Tooltip然后Standard Tooltip直接显示它之后，b

看到他们两个，到底是什么问题？

我使用 codeigniter 和 Font Awesome 5 我已经下载了最新版本的 font awesome 5 但是由于某种原因我的图标没有出现

问题如何让图标以令人敬畏的字体显示 5 我正在使用 xampp

它应该在登录文本旁边显示开发控制台中没有错误

如何faCircle在我的角度项目中加载（例如）的常规版本和实体版本？

如果我在app.component.ts以下声明：

在构建过程中我将面临以下错误：

src/app/app.component.ts(22,9) 中的错误：错误 TS2300：重复标识符“faCircle”。src/app/app.component.ts(24,51)：错误 TS2300：重复标识符“faCircle”。