icoMoon 字体设置，图标不显示

Question

我无法显示我的图标字体。这是我的目录结构：

_ 文件夹包含 _ 文件夹之外的 css 和 fonts 文件夹我有 demo1.html 页面

这是我用于设置字体的代码：

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

html代码如下：

<span aria-hidden="true" class="icon-raja_head"></span>

这是我设置的示例页面。字体代码在我的样式表的第 903 行。

谢谢-Sohail

Answer 1

您的 src 引用是相对的，因此您的 css 声明正在您的目录中调用_的_目录中查找字体。这就是它从根目录工作的原因。

您需要通过在'fonts/icomoon.eot?-9hqo51'其前面加上/例如来更正相对路径或使路径成为绝对路径：'/_/fonts/icomoon.eot?-9hqo51'