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

Question

我想知道如何导入新的图标包并将其放在同一个 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)

Answer 1

创建两个@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";
}