如何正确使用Fontawesome？

Question

我有一个Sphinx主题的分支：press，我想添加真棒字体。

我想在现有标签之前添加图标，以便在我的Stylus文件中添加它

.admonition-title:before {
    font-family: "Font Awesome 5 Free";
    content: "\f21b";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
}

然后使用我安装的fontawesome字体：

npm i --save @fortawesome/fontawesome-free 

并且我已将其添加到我的main.js：

import '@fortawesome/fontawesome-free'

但这还不够，我不得不破解节点模块并将其添加到我的Stylus主题中：

@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  src: url("../node_modules/@fortawesome/fontawesome-free/webfonts/fa-solid-900.ttf") 
       format("truetype"); 
}

我确定这不是导入该模块的方法...