html - 如何导入2个不同的文件图标？

我想知道如何导入新的图标包并将其放置在相同的CSS文件中。我有2个图标文件.... flaticon.woff和new.woff，我不知道如何调用new.woff的文件而不会产生错误。
我如何称呼文件图标？

@font-face {
    font-family: "Flaticon";
    url("./Flaticon.woff") format("woff"), src: url("./new.woff") format("woff"),  font-weight: normal;
    font-style: normal;
}

我放了这个，但是css文件只调用新文件。

和....

.icon-buildings:before { content: "\f100"; }//new.woff file
.icon-add_disabled:before{content: "\f100";color: #d4d4d4;}// overwrites this(flaticons)

最佳答案

创建两个@ font-faces，每个字体一个。

@font-face {
    font-family: "Flaticon";
    src: url("./Flaticon.woff") format("woff");
    font-style: normal;
}

@font-face {
    font-family: "New";
    src: url("./new.woff") format("woff");
    font-style: normal;
}

然后在需要时分配字体，例如

.icon-buildings:before {
    font-family: "New";
    content: "\f100";
}