Flaticon图标在本地显示,但不在现场显示?

时间:2015-07-30 13:26:16

标签: icons

Urggh。这更令人困惑,因为CSS和文件引用必须是正确的 - 它正在脱机工作 - 所以为什么它不能在现场工作?

这是本地视图。前三个图标 - 窗口,门和音乐学院 - 是Flaticon图标:

Page in local view

这是现场网站(www.bairdswindows.co.uk)上的同一页面:

Page in live view

这是我的flaticon.css文件,该文件位于我的css'目录:

@font-face {
font-family: "Flaticon";
src: url("../icons/flaticon.eot");
src: url("../icons/flaticon.eot#iefix") format("embedded-opentype"),
url("../icons/flaticon.woff") format("woff"),
url("../icons/flaticon.ttf") format("truetype"),
url("../icons/flaticon.svg") format("svg");
font-weight: normal;
font-style: normal;
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
font-family: Flaticon;
font-size: 20px;
font-style: normal;
margin-left: 20px;
}
.flaticon-bill:before {
content: "\e000";
}
.flaticon-calculator18:before {
content: "\e001";
}
.flaticon-doorway:before {
content: "\e002";
}
.flaticon-house112:before {
content: "\e003";
}
.flaticon-open203:before {
content: "\e004";
}
.flaticon-opened33:before {
content: "\e005";
}
.flaticon-window-frame:before {
content: "\e006";
}

现场网站上的图标显示为看起来像e0001等标题的小方框,以便浏览器看到它们,在实际网站上,它不是解释它们和/或转换它们到图标。

考虑到它在本地工作,它让我完全难过,我还没有能够得到Flaticon支持的响应。希望有人可以指出明显的问题。

谢谢。 NJ

1 个答案:

答案 0 :(得分:1)

我的主机公司Fasthosts不允许使用名为" icons"的子目录。在他们共享的Unix / Linux服务器上。哦,是的,他们并没有打扰任何人。 Yay Fasthosts! :|

NJ