Search code examples
csshtmliconsmaterialize

flaticon icons work when hosted locally but not working when online

I have used a great number of icons on a website am working on. I set up the files very well and I can't seem to find a problem. I'm still a newbie.

Solution

  • Make sure you have added those files and accessing them properly...

    Your code for @font-face will be like this (path should be with or without 2 dots - depending upon its location), I think font files names, you are hosting are in small case letters

    @font-face {
    font-family: "Flaticon";
    src: url("../flaticon.eot");
    src: url("../flaticon.eot?#iefix") format("embedded-opentype"),
         url("../flaticon.woff") format("woff"),
         url("../flaticon.ttf") format("truetype"),
         url("../flaticon.svg#Flaticon") format("svg");
    font-weight: normal;
    font-style: normal;
}