css - 样式表无法识别自定义字体

Question

我在将 Icomoon 自定义字体加载到我的网站时遇到问题。

---

检查图标截图

我假设灰色的“returnflight”引用表明我的字体文件来源不正确。考虑到我的/css/和我的/fonts/文件夹位于同一级别，我不明白为什么会这样。

---

我的文件结构

---

我在 global.css 中的样式

@font-face {
    font-family: "returnflight";
    src: url("../fonts/returnflight.woff?5h0ljc") format('woff');
}

.fa {
    font-family: 'returnflight' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-auto-intelligence-01:before {
    content: "\e900";
}

任何帮助将不胜感激

---

编辑

我已经按照建议删除了@font-face 中除 .woff 之外的所有 src，但问题仍然存在。

---

网络标签错误

在 firebug 中启用“网络”选项卡后，我看到了以下可能无关但我不确定的错误。我刚刚参与这个元素，它是一款功能强大的软件。这似乎与 Bootstrap 有关。

Answer 1

那个 403 错误就可以了。看起来你要么从不同的服务器加载字体(有时甚至 www -> 没有 www 会这样做，具体取决于服务器配置)，字体文件/文件夹没有正确的权限，或者你在 .htaccess 中有一些东西阻止访问某些文件类型。