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

Question

我想知道为什么我不能在css＆＃39;内容＆＃39;中获得多个字体真棒5的图标。运行。使用字体很棒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层