CSS字体很棒的V6图标赢得了伪元素中的胜利

Question

我正在使用Font Awesome V6。我已经拿到了应该出现的图标，但是我不能让它们在元素之前的::在::中对齐。

这是一个图像显示图标的出现方式：

您可以看到的图标都出现在之前的元素后面（圆圈）。指示缺失图像的框图像是图标出现的位置（图标清楚地显示在屏幕上，因此这不是缺少的图标问题）。

这是我的代码（jsfiddle）

我已经在我网站上使用了字体很棒自定义标准ul列表的子弹点，并且效果很好。这里唯一的区别是我正在使用nth-type（）选择器。如果我在内容中放置了Awesome Unicode，它的工作原理绝对可以。

我已经循环浏览所有位置，并在“ Inspect Element”上显示选项，无法正确定位。唯一有效的是，如果我操纵字体Awesome库添加的SVG元素，这有点不方便。

我试图搜索Google的解决方案，但是除了帖子之外找不到任何东西以寻求帮助以首先显示图像的帖子，这显然不是我在这里的问题。

感谢任何帮助，谢谢。