Question

您好首先感谢您抽出时间回答我的问题，我在这里有一个模板： http://www.templatemonster.com/demo/58725.html

在左上角有一个家的图标，我已经复制了完整的网站，但我的文件中缺少图标，即使我已经复制了完整的图像，css和js文件。当我检查元素时，我会看到带有类的跨度：

<span class="icon fl-continuous-house150"></span>

我知道这个课程正在处理图标，但无法弄清楚为什么它在我的副本中没有显示图标，即使css就在那里。如果我错过了什么，请告诉我。

Answer 1

你应该有这样的CSS文件：

@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#Flaticon") format("svg");
    font-weight: normal;
    font-style: normal;
}

//如何在网站上显示图标，如fa fa -...

.fa
{
    display: inline-block;
    font-family: Flaticon;
    font-weight: normal;
    font-style: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

//已实施图标的名称

.fa-clock:before { content: "\f100"; }
.fa-cross:before { content: "\f101"; }
.fa-facebook:before { content: "\f102"; }
.fa-google-plus:before { content: "\f103"; }
.fa-hamburger:before { content: "\f104"; }
.fa-left-arrow:before { content: "\f105"; }
.fa-linked-in:before { content: "\f106"; }
.fa-location:before { content: "\f107"; }
.fa-phone:before { content: "\f108"; }
.fa-right-arrow:before { content: "\f109"; }
.fa-star:before { content: "\f10a"; }
.fa-twitter:before { content: "\f10b"; }
.fa-up-arrow:before { content: "\f10c"; }

如果您没有文件.woff，.eot，.svg，.ttf我会重新发送电子邮件给TemplateMonster或者只是下载一些免费图标

我真的让你回到flaticon.com，选择一些免费图标并下载“图标字体”（非常重要）。他们有多个，你应该只是在页脚或其他东西写，这些图标是由...... flaticon.com制作的;）

希望我帮助

图标保存在模板中的位置？

1 个答案: