Webpack console在资产列表中显示字体，但这些字体不会显示在浏览器中

我对webpack比较陌生，我认为我在理解某些片段如何相互输入方面存在一些差距。我在访问浏览器中要打包的字体时遇到问题。我有字体文件类型的规则和加载器，甚至可以在控制台输出的资产列表中看到字体文件。但是，当我打开浏览器开发工具并查看“源”选项卡时，我看不到我的字体文件

以下是我的网页的要点： 我现在正在走一遍，试着理解每一部分

有没有人建议我如何追踪网页控制台输出的“资产”列表中列出的字体文件（npm启动后）与浏览器中出现的字体文件之间的断开？ 什么代码负责将这些字体文件添加到我的浏览器源中

我可以访问另一个应用程序，其中这些字体文件已成功加载到浏览器中，但我不知道是什么原因导致了这种情况

我添加了中所述的规则和加载程序，但仍然无法在浏览器中加载我的字体。我尝试使用url加载器和文件加载器

编辑：史蒂夫问我是如何引用字体的。我正在从npm包导入一个css文件，这个包包含字体。在我导入的css文件中，字体族定义如下所示：

@font-face{
    font-family:ABBVoice-light;
    src:url(bundled_assets/ABBvoice_W_Lt-1rQKI.eot);
    src:url(bundled_assets/ABBvoice_W_Lt-1rQKI.eot?#iefix) format("embedded-opentype"),url(bundled_assets/ABBvoice_W_Lt-3Vcoi.woff2) format("woff2"),url(bundled_assets/ABBvoice_W_Lt-7ibc6.woff) format("woff"),url(bundled_assets/ABBvoice_W_Lt-1WmEF.ttf) format("truetype");
    font-weight:300;
    font-style:normal
}

---

你是如何引用应用程序中的字体的？@SteveHolgado我在问题的末尾添加了解释和示例。谢谢你的提问，我可以建议你保持简单，不要使用这个网页。只需将您的字体声明放在它自己的CSS文件中，该文件不是任何绑定或构建过程的一部分，然后确保您的HTML模板与您正在加载的其他文件分开加载，然后在其余的样式代码中使用您的自定义字体族名称。不要通过捆绑或转换静态资产来增加不必要的复杂性，这些静态资产可能每隔几年发生一次变化，如果不是（太多、太多）长的话。