Urggh。这更令人困惑,因为CSS和文件引用必须是正确的 - 它正在脱机工作 - 所以为什么它不能在现场工作?
这是本地视图。前三个图标 - 窗口,门和音乐学院 - 是Flaticon图标:
这是现场网站(www.bairdswindows.co.uk)上的同一页面:
这是我的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
答案 0 :(得分:1)
我的主机公司Fasthosts不允许使用名为" icons"的子目录。在他们共享的Unix / Linux服务器上。哦,是的,他们并没有打扰任何人。 Yay Fasthosts! :|
NJ