html如何太假icon图标,如何在我的html中使用Flaticon中的图标？

我想给我的网站一些图标。现在我看到很多人使用这个网站Flaticon。如何在我的html中使用Flaticon中的图标？

我所做的是把这样的事情在我的CSS：

/**

* Font 1

*/

@font-face {

font-family: "Flaticon1";

src: url("flaticon1.eot");

src: url("flaticon1.eot#iefix") format("embedded-opentype"), url("flaticon1.woff") format("woff"), url("flaticon1.ttf") format("truetype"), url("flaticon1.svg") format("svg");

font-weight: normal;

font-style: normal;

}

[class^="flaticon1-"]:before,

[class*=" flaticon1-"]:before,

[class^="flaticon1-"]:after,

[class*=" flaticon1-"]:after {

font-family: "Flaticon1";

font-size: 20px;

font-style: normal;

margin-left: 20px;

}

.flaticon1-basic21:b