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";
}

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

1 个答案: