OTS解析错误：无效的版本标记

Question

我使用icomoon.io生成了我的font-icons，生成的style.css在@font-face中有一堆字体，如下所示：

@font-face {
  font-family: 'nf-icons';
  src:  url('/sass/icons/fonts/nf-icons.eot?ar4irv');
  src:  url('/sass/icons/fonts/nf-icons.eot?ar4irv#iefix') format('embedded-opentype'),
    url('/sass/icons/fonts/nf-icons.ttf?ar4irv') format('truetype'),
    url('/sass/icons/fonts/nf-icons.woff?ar4irv') format('woff'),
    url('/sass/icons/fonts/nf-icons.svg?ar4irv#nf-icons') format('svg');
  font-weight: normal;
  font-style: normal;
}

请注意/sass/icons是我项目的基本路径，并且已添加，以便webpack能够解析路径。

以下是我在webpack配置中编写的规则

{
    test: /\.woff(2)?(\?[a-z0-9#=&.]+)?$/,
    use: 'url-loader'
},
{
    test: /\.(jpg|png|svg|ttf|eot)(\?[a-z0-9#=&.]+)?$/,
    use: 'file-loader'
}

webpack编译没有任何错误。但是，浏览器抱怨无法解码字体。

我已经在stackoverflow上解决了多个解决方案，并没有解决这个问题。请帮助我理解为什么会发生这种情况？