为什么@ font-face相对URL的加载正确，但也产生404错误？

Question

有两种字体，虽然它们在网站上出现得很好，却在DevTools中产生错误。

@font-face {
  font-family: Impact;
  src: url(../fonts/impact-webfont.eot);
  src: url(../fonts/impact-webfont.eot?#iefix) format('embedded-opentype'),
    url(../fonts/impact-webfont.woff) format('woff'),
    url(../fonts/impact-webfont.ttf) format('truetype'),
    url(../fonts/impact-webfont.svg#impactregular) format('svg');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: kmi-genericons;
  src: url(../fonts/kmi-genericons.eot?70543738);
  src: url(../fonts/kmi-genericons.eot?70543738#iefix)
      format('embedded-opentype'),
    url(../fonts/kmi-genericons.woff2?70543738) format('woff2'),
    url(../fonts/kmi-genericons.woff?70543738) format('woff'),
    url(../fonts/kmi-genericons.ttf?70543738) format('truetype'),
    url(../fonts/kmi-genericons.svg?70543738#kmi-genericons) format('svg');
  font-weight: 400;
  font-style: normal;
}

控制台错误中的路径不正确。上面的CSS代码段位于/wp-content/themes/kmi/css/compiles.min.css。由于路径是相对的，因此应从/wp-content/themes/kmi/fonts/加载。网络选项卡显示它也识别正确的路径：

所以就像有两个相同字体的请求：一个在正确的相对路径，一个在不正确的根路径。为什么会这样？

Answer 1

事实证明，尼希米对我的问题的评论是正确的。除了从常规<link>标签调用之外，这个CSS是通过JavaScript插入的插件（在折叠优化之上），我没有意识到。因此，它加载了两次，并且通过JavaScript插入时相对路径无法解析。

很抱歉错过了这个 - 谢谢！