css - flaticon 图标在本地托管时有效，但在在线时无效

Question

我在一个网站上使用了大量的图标。我很好地设置了文件，但似乎找不到问题。我还是个新手。

Answer 1

确保您已添加这些文件并正确访问它们...

@font-face 的代码将是这样的(路径应该有或没有 2 个点 - 取决于它的位置)，我认为你托管的字体文件名是小写字母

@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;
}