Question

我在网站上使用Flaticons。大多数情况下，我正在收集3到4包的图标。我想知道，如果有可能将Flaticons的多个包合并到一个新包中。在此先感谢!!!

Answer 1

你可以这个网站

https://icomoon.io/

它具有合并多个svg包的能力，只需将包导入网站即可将它们导出到一个包中

Answer 2

打开flaticon.css并将font-family更改为其他名称，例如，在这种情况下，我更改为Flaticon2。然后，请注意，css类名称必须为Unicode。在这种情况下，我将所有类名更改为以.flaticon2

开头

这是我的flaticon.css：

@font-face {
  font-family: "Flaticon2"; /* <<< NOTE */
  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;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon2"; /* <<< NOTE */
    src: url("./Flaticon.svg#Flaticon") format("svg");
  }
}

[class^="flaticon2-"]:before, [class*=" flaticon2-"]:before,
[class^="flaticon2-"]:after, [class*=" flaticon2-"]:after {   
  font-family: Flaticon2;
        font-size: 20px;
font-style: normal;
margin-left: 20px;
}

.flaticon2-001-cloudy:before { content: "\f100"; }
.flaticon2-002-wallet:before { content: "\f101"; }
.flaticon2-003-trekking:before { content: "\f102"; }
.flaticon2-004-travel:before { content: "\f103"; }
.flaticon2-005-train:before { content: "\f104"; }
.flaticon2-006-tourist:before { content: "\f105"; }
.flaticon2-007-ticket:before { content: "\f106"; }
.flaticon2-008-taxi:before { content: "\f107"; }
.flaticon2-009-sunset:before { content: "\f108"; }
.flaticon2-010-sunglasses:before { content: "\f109";

Answer 3

尝试在其中一个CSS文件中将所有“Flaticon”字符串替换为“Flaticon-yourName”。

如何将多包flaticons合并成一个包？

3 个答案: