如何在 webpack 项目中添加字体？我不敢相信，在浏览了十几个 webpack 指南之后，我仍然找不到添加字体的实际解决方案。我没有使用 React，我使用的是可以在这里找到的样板：https ://github.com/sandrina-p/essential-webpack-boilerplate
文件夹结构如下：
src
|-fonts
|-scripts
|-styles
index.thml
我已将以下内容添加到我的配置文件中：
{
test: /\.(eot|svg|ttf|woff|woff2)$/,
loader: 'file-loader?name=/fonts/[name].[ext]'
},
我在我的css中导入字体系列，如下所示：
@font-face {
font-family: 'MPR' !important;
src: url('/styles/MPR.ttf') format('ttf'),
}
h2 {
font-family: 'MPR';
}
我没有收到任何错误，h2 标签只是不显示字体，默认为 times new roman。任何见解都将不胜感激，我真的不想为了使用字体而不得不在 gulp 中重建我的整个项目。