Flaticon icons display locally but not on live site? - icons

Question

Urggh. This is all the more confusing because the CSS and file references must be right - it's working offline - so why wouldn't it work on the live site?
Here's the local view. The first three icons - the Window, Door and Conservatory - are Flaticon icons:
Here's the same page on the live site (www.bairdswindows.co.uk):
This is my flaticon.css file which is located in my 'css' directory:
#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";
}
The icons, on the live site, are appearing as small boxes with what looks like their e0001 etc title so the browser is seeing them, on the live site, it just isn't interpreting them and/or converting them to the icons.
Considering that it works locally, it has me completely stumped and I haven't been able to get a response from Flaticon support as of yet. Hope someone can point out the obvious problem.
Thank you.
NJ

Answer 1

Fasthosts, my host company, don't allow a sub-directory called "icons" on their shared Unix/Linux servers. Oh, and yes, they didn't bother telling anyone. Yay Fasthosts! :|
NJ