Question

我想给我的网站一些图标。现在我看到许多人使用这个网站Flaticon。

我所做的就是把这样的东西放在我的CSS中：

spark-defaults.conf

我下载了想要的图标，但它没有显示图标。它显示了这个：

我做错了什么？

Answer 1

<强> 1。准备您的收藏

将monocolor图标添加到您网站的集合中

<强> 2。下载iconfont

打开您的收藏并按下“下载”按钮，然后选择“Iconfont”

第3。准备您的收藏

将源文件和CSS复制到您的Web文件夹中。

<强> 4。加载样式表

从网站首页请求CSS样式表。

< link rel="stylesheet" type="text/css" href="your_website_domain/css_root/flaticon.css" >

<强> 5。使用课程

使用每个图标的classes，它们将显示在您的网站上。之后，使用CSS操纵它们。使用示例：

<i class="flaticon-airplane49"></i> or <span class="flaticon-airplane49"></span>

Answer 2

显然我下载了文件格式，而不是字体文件。在我将图标放入我的集合后，我只能将图标下载为Iconfont或SVG精灵。它会下载整个课程。

Answer 3

只需下载图标并将其放在头部即可：

<link rel="icon" href="resources/filename"/>

Answer 4

您需要在服务器中（和其他5或6）中拥有flaticon.css文件。

然后检查那里有哪些项目。

.flaticon-bath：before {content：“ \ f122”; }

然后您只需使用该类。

Answer 5

要固定大小...

font-family: Flaticon;
    font-size: 50px;
font-style: normal;
margin-left: 7px;
}

Answer 6

这是更改字体大小的方法，只需将以下代码粘贴到css文件中即可。

[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {

font-size: 150px;

}