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

Question

我在后端使用Hapi,在前端使用React.我的webpack配置指定以下内容:

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中我得到这些错误:

我已经尝试了以下stackoverflow问题的答案但它似乎没有工作:Webpack"OTS解析错误"加载字体

有没有人有任何想法如何让字体在Chrome和Firefox中运行？