从不显示尖角..icons的字体从令人敬畏的4升级到pro 5

Question

我正在尝试从font awesome 4升级到5。我正在关注this link 我删除了font awesome 4软件包：npm uninstall font-awesome 然后按照其文档here中的说明，在我的项目的根目录中添加一个包含此代码的npmrc文件：

@fortawesome:registry=https://npm.fontawesome.com/
//npm.fontawesome.com/:_authToken=<My_token>

然后安装插件：npm install --save-dev @fortawesome/fontawesome-pro

在angular.json文件中，我添加了以下代码：

 "styles": [
          "node_modules/@fortawesome/fontawesome-pro/css/fontawesome.css",
 ...]

我认为每件事都准备好了。但是当我尝试通过在HTML中键入<i class="far fa-acorn"></i>来渲染一些图标时，该图标未显示。

有人可以告诉我我的配置中缺少什么吗？

非常感谢。