字体真棒图标未在Angular Web App中显示

Question

我的package.json中有以下内容

  "@fortawesome/angular-fontawesome": "^0.4.0",
    "@fortawesome/fontawesome-free": "^5.13.1",
    "@fortawesome/fontawesome-svg-core": "^1.2.29",
    "@fortawesome/free-solid-svg-icons": "^5.13.1",

我正尝试在html页面中使用如下字体真棒图标：

       <span><i class="fa fa-clock-o"></i></span>

但是，此图标fa-clock-o并未显示。如果我将图标更改为fa-map-marker之类的其他内容，则该图标将显示出来而没有任何问题。我在这里想念什么？

此外，我注意到即使fa-map-marker看起来像文档中的大头针，它也会显示带有完全填充的实体的实心图标。不确定为什么图标与文档不匹配。有没有办法关闭图标的整体外观？ 确切地说，我的意思是：

我希望它像这样。

Answer 1

我必须使用“ fas”而不是“ fa”类。这对我有帮助。

Answer 2

clock-o是fontawesome v4。 link of clock-o

如果要使用Clock-o，则需要降低版本。

fontawesome v5可以搜索此站点。 fontawesome version 5