Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css flaticon图标在本地托管时工作,但在联机时不工作_Css_Html_Icons_Materialize - Fatal编程技术网

Css flaticon图标在本地托管时工作,但在联机时不工作

Css flaticon图标在本地托管时工作,但在联机时不工作,css,html,icons,materialize,Css,Html,Icons,Materialize,我在一个网站上使用了很多图标。我把文件设置得很好,似乎找不到问题。我还是个新手。确保您已经添加了这些文件并正确访问了它们 @font-face的代码如下所示(路径应带有或不带有2个点-取决于其位置),我认为您托管的字体文件名是小写字母 @font-face { font-family: "Flaticon"; src: url("../flaticon.eot"); src: url("../flaticon.eot?#iefix") format("embedded-o

我在一个网站上使用了很多图标。我把文件设置得很好,似乎找不到问题。我还是个新手。

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

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

您是否尝试过使用绝对路径而不是相对路径?我不熟悉这一点,任何理解绝对路径的链接都会使用url(“)谢谢你…原来我已经大写了flaticon.eot/.woff…等文件@font-face已经存在于flaticon.css文件中。当我使用google开发者工具时,我得到了一个404错误,eot,woff等文件仍然存在…我非常高兴lost@IanSamz这是因为您使用了Flaticon.eot和其他大写名称的文件不要使用flaticon,即小写字母。它们以小写字母承载…使用我告诉过你的上述代码,它会起作用。你是我的英雄