问题标签 [font-awesome-5]

我想知道为什么我不能在 css 'content' 运行中获得多个 font awesome 5 图标。使用 font awesome 4 它可以正常工作。

基本上这是有效的：

}

这不起作用：

}

我创建了一个小提琴，所以你可以看看。 https://jsfiddle.net/tgzouajm/54/

这是一个错误，还是我错过了什么？太感谢了！

我正在使用 Javascript 配置页面，以根据 JSON 数据选择和注入不同的图标。有时，在页面刷新之前，一个或多个注入的图标不会出现。我发现 Firefox 在所有图标上都失败了，但 Chrome 刷新后就可以了。

如果我检查 DOM，我可以看到 HTML 中缺少的元素为

而工作元素显示为

所以看起来我的 DOM 注入有效，但 font-awesome 并没有将它扩展到 svg。这是一个可能的时间问题吗？

我已经尝试使用 font-awesome（js 和 css）的 CDN 版本和本地版本来查看这是否可能是问题所在，但事实并非如此。

Javascript 片段

有谁知道如何在 Bootstrap4 输入中使用 FontAwesome5 图标作为占位符？我已经看到了几个以前版本的解决方案，但似乎没有一个适用于最新版本。这是我到目前为止所得到的：

尝试用 Font Awesome 图标替换列表项标签上的项目符号类型，但我得到一个空方块：

我知道字体库正在加载，因为我能够使用<i class="fas fa-check-circle"></i><li class="testitems">List Item 1</li>并且正确渲染了字体（尽管样式不正确）。

经过一些研究，包括阅读Font Awesome 5 with Angular、文档等，我无法推进 Angular 5 App 和 Font-Awesome 5 (Pro) 之间的集成。

问题：图标不出现。

有关我当前方案的更多详细信息：

包.json：

角-cli.json

在我的研究中，我了解到我需要指定我需要使用什么（图标），如下所示：

然后我需要将这些图标传递给 fontawesome 对象：

最后我发现（在font-awesome 文档中，我需要调用负责使魔术发生的 i2svg 方法：

文档说我必须调用不带参数的方法。但是编译器将我指向另一个方向，我必须告知以下数据：

到目前为止，我已经达到的最大值是由 font-awesome 制作的浏览器中的日志，在此代码之后带有以下信息“fontawesome.dom.i2svg()”：

我已经尝试了很多（null 导致“Uncaught TypeError: Cannot read property 'querySelectorAll' of null”），现在我无法前进。有人有建议吗？

安装：

1）按照使用节点js的说明（[TOKEN]是我从购买中收到的密钥）：

2) 更新 angular-cli 3) 使用 (ng b -aot) 重建应用程序 4) 启动项目。

先感谢您！

示例 HTML 代码 登录页面（无“i”标签）

猛禽按钮（带有“i”标签）

出于某种原因，我似乎无法让它工作。

在我的CSS中，我有：

然后我添加了这个脚本：

所以我目前正在使用这个解决方案，它允许我在我的 Font Awesome 5 图标上使用渐变：解决方案 11925: for Font Awesome 5 Icon Gradients。但是，当我在此解决方案中使用该方法时，它会对所有 Font Awesome 5 元素应用渐变，因为它会将 SVG * fill CSS 规则应用于所有元素。我不想将规则应用于所有人。有没有办法让它只适用于某些人？因为我想为单独的部分使用单独的渐变？

这是我的 CSS 代码：

它目前正在将该规则应用于这些字体很棒的 5 个图标，这很好：.fa-html5, .fa-css3-alt, .fa-js, .fa-camera-retro, .fa-pencil-alt, .fa-sass { font-size: 4rem; }

不过，我想对这些图标应用不同的渐变：

是否有人在包含 Font Awesome 5 时遇到过糟糕的网站性能？包含它与不包含它之间的区别是白天和黑夜，例如，对我来说，页面加载有 15 秒的差异。

我正在从https://use.fontawesome.com/releases/v5.0.6/js/all.js添加脚本，并且还有其他几个 ajax 调用正在进行（Wordpress 站点使用 Ajax Load More）。但我不明白为什么性能会如此糟糕。它甚至可以阻止滚动几秒钟。

我正在使用 FA 和 :before 来使用图标而不是项目符号。

有些 unicode 字符有效，有些则无效。例如，f004（心脏）、f005（星形）和 f2dc（雪花）工作。但是 f001（音乐）、f008（电影）和 f046（检查）不起作用。

我正在使用 FA 5.0.6 免费版。

不 - 我的 CSS 中没有两个 .stars li:before 规则 - 我添加了这个以作说明。

在 FA 网站 ( https://fontawesome.com/icons?d=listing&m=free ) 上，我过滤了列表以仅显示免费集中包含的图标。

另外-图标是空心的-我按照FA网站上的说明将实心图标的字体粗细设置为900，这没有任何区别。

在此先感谢 - 凯丝

在第 4 版中，我会为评级图形链接图标。

在版本 5 中，我们需要配置 Psuedo 属性以允许它们正确运行，但现在Font Awesome 5 不再识别内容中的链接图标。

下面的代码不会显示为 svg。

是否有解决我失踪的工作（比如阻止创建 svg）或“最佳实践”方法来解决这个问题？