在CSS内容中未显示font-awesome图标

Question

我正在尝试在CSS内容的React中使用fontawesome并获得空白方块而不是图标。与html标记一起正常使用时，它可以正常工作。

我安装了npm react-fontawesome，并将CDN粘贴到我的公共index.html中。我确实更喜欢以旧方式使用它（例如使用纯js），并且正常的html标签可以正常工作。

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">

css：

  .answer-selected::before {
      font-family: FontAwesome;
      content: '\f00c'
  }

相同的图标用作html标签：

<i class="fas fa-check"></i>

有什么想法吗？ 预先感谢