font-awesome-5 - fontawesome 5 在 css 内容中使用多个图标

Question

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

基本上这是有效的：

  .login::before {
font-family: "Font Awesome 5 Regular"; content: "\f005";

}

这不起作用：

  .login::before {
font-family: "Font Awesome 5 Regular"; content: "\f005\f005";

}

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

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

Answer 1

您可能需要使用“fa-layers”或“fa-stack”。

AFAIK“fa-layers”仅适用于 Font Awesome 5 的 JS 版本。

在这里查看：https : //fontawesome.com/how-to-use/svg-with-js 在功率变换中寻找 fa-layers