Question

如何在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-family，如下所示：

@font-face {
  font-family: 'MPR' !important;
  src: url('/styles/MPR.ttf') format('ttf'),
}



h2 {
    font-family: 'MPR';
}

我没有收到任何错误，h2标签只是没有显示字体，默认为新罗马的时间。任何洞察都会非常感激，我真的不想在gulp中重建我的整个项目，所以我可以使用一种字体。

Answer 1

我的猜测是你需要为网址添加相对路径而不是绝对路径