Question

我使用Webpack 4和Font Awesone 5（FA）。

当我这样导入FA时：

@import '~@fortawesome/fontawesome-free/css/all.css';

图标显示在此级别上：

http://some.com
https://some.com/first/

并且未显示在下一个网站级别：

1. https://some.com/first/next/
2. https://some.com/first/next/level

当我在Chrome devtools中打开网络标签并查看第二个URL时，我看到浏览器尝试使用此路径加载字体的方式：

https://some.com/first/next/web/fonts/fa-solid...*.woff

我们看到，浏览器使用相对路径获取字体，然后应如何使用绝对路径。我认为，可能是由于我通过Webpack导入错误的字体引起的。我确实以这种方式导入字体：

$fa-font-path: '/web/fonts'; 
@import '~@fortawesome/fontawesome-free/scss/fontawesome';

我假设此选项将正常运行，但是在这种情况下，根本没有任何效果。我在做什么错了？

ps。字体主目录中存在的所有字体文件均已访问通过https://some.com/web/fonts/

浏览器