在CSS中用作字体系列时，无法呈现Font Awesome 5图标

Question

关于此的帖子很多，但是到目前为止给出的解决方案对我来说不起作用：

• fontawesome 5 font-family not work
• https://theme-fusion.com/forums/topic/font-awesome-not-working-after-5-6-2-update/

使用CDN中的Font Awesome 5 Free版本。我在这里设置了一个小提琴：https://jsfiddle.net/ej2r8kpy/

这将正确显示图标。例如，使用标记：

<i class="fas fa-bullhorn fa-2x" aria-hidden="true"></i>

我明白了：

这是正确的，所以我知道Font Awesome正在工作。

我正在尝试将Bootstrap 4中的面包屑分隔符从默认的“ /”更改为Font Awesome图标。

因此，我尝试了一些解决方案，例如：

.breadcrumb-item+.breadcrumb-item::before {
    font-family: "Font Awesome\ 5 Free";
    content: "\f105";
}

在上述情况下，\f105是从我想要的图标复制的Unicode：https://fontawesome.com/icons/angle-right?style=solid

但是，当我在面包屑中使用它时，它将呈现为没有图标和“正方形”，这是当它无法呈现Font Awesome图标时发生的情况：

更新的标记在这里：https://jsfiddle.net/ej2r8kpy/1/

为什么这不起作用？