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

Question

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

检查图标的屏幕截图

我假设灰色的＆＃34;返回飞行＆＃34;引用表明我的字体文件未正确获取。考虑到我的/ css /和my / 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";
}

非常感谢任何帮助

修改

我删除了除@woff之外的@ font-face中的所有src，但仍然遇到问题。

网络标签错误

在firebug中启用Net选项卡后，我看到以下错误可能无关，但我不确定。我刚刚加入这个项目，它是一个强大的软件。这似乎与bootstrap有关。

Answer 1

403错误会发生。看起来你要么从不同的服务器加载字体（有时甚至是www - ＆gt;没有www会做，取决于服务器配置），字体文件/文件夹没有正确的权限，或者你有.htaccess中的东西这阻止了对某些文件类型的访问。