javascript - net::ERR_ABORTED 404(未找到)- 控制台中出现错误

Question

将我的 WordPress 网站上传到实时服务器后，我在控制台中收到有关未找到字体的错误。由于没有加载 mobirise 图标。

这两个文件都存在于该字体文件夹中。请看图片。

我正在使用 style.css 中的这些 css 代码导入这些字体

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

谁能告诉我为什么会出现这个错误。此错误与我的托管有关吗？

Answer 1

我自己找到了答案。

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

在上面的代码中，我使用的是 Mobirise 大写的 M，而文件名是小写的 m，如上面的屏幕截图所示。