FontAwesome图标在基于铬的浏览器上根本不显示

Question

我正在尝试将某些主题从fontawesome 4更新为5。到目前为止，一切似乎都正常，将显示i标签中的图标。除了一个显示为css伪元素的特定图标。

我遵循了FA文档所说的，但该图标仍然没有出现。即使没有正方形，也没有平原。

这里是使用的代码。应该在hr的中间显示一个图标：

html头：

<link href="css/font-awesome/css/all.min.css" rel="stylesheet" type="text/css">

html正文：

<hr class="star-light">

css：

hr.star-light:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f005";
    display: inline-block;
    position: relative;
    top: -.8em;
    padding: 0 .25em;
    font-size: 2em;
    font-style: normal;
    font-variant: normal;
    text-decoration: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
}

我还尝试放置冲突检测脚本，但实际上找到了一个...。但这没有意义，因为只有一个冲突：fa的css本身all.min.css ...而且我什至不确定它是与问题有关...已经2个小时了，我被困在那里，搜索没有给我任何相关信息。任何人都知道发生了什么事吗？还是我可以尝试的事情？

这里是整个存储库，以备您尝试。这是一个雨果主题。我的仓库已经包含了fontawesome 5：https://github.com/maxlefou/hugo-freelancer-theme

EDIT：我刚刚发现了问题。这只是愚蠢的：问题仅发生在chrome和Chrome浏览器上。一切都可以在Firefox上运行。去数字...

感谢您的帮助。

Answer 1

尝试更改字体系列：“ Font Awesome 5 Free”；到字体家族：“ FontAwesome”;

这将解决问题。