Css flaticon图标在本地托管时工作,但在联机时不工作
我在一个网站上使用了很多图标。我把文件设置得很好,似乎找不到问题。我还是个新手。确保您已经添加了这些文件并正确访问了它们 @font-face的代码如下所示(路径应带有或不带有2个点-取决于其位置),我认为您托管的字体文件名是小写字母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 {
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,即小写字母。它们以小写字母承载…使用我告诉过你的上述代码,它会起作用。你是我的英雄