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 层