Fonts Chrome和Firefox无法解析和解码字体

我在后端使用Hapi，在前端使用React。我的网页包配置指定以下内容：

module: {
  loaders: [
    { test: /\.(ttf|otf|eot|svg|woff(2)?)(\?[a-z0-9]+)?$/, loader: 'file-loader?name=public/ozregular.otf'}
  ]
},

CSS：

@font-face {
  font-family: OzRegular;
  src: url(/ozregular.otf) format("opentype");
}

该字体在Safari中可用，但在Chrome中我会遇到以下错误：

在firefox中，我会遇到以下错误：

我尝试了以下问题的答案，但似乎不起作用：

有人知道我如何在Chrome和Firefox中使用这种字体吗