Content of flaticon_mycollection.css:
`
@font-face {
font-family: "flaticon_mycollection";
src: url("./flaticon_mycollection.woff2?84987a26c8b56a2defe7f527af3f9963") format("woff2"),
url("./flaticon_mycollection.woff?84987a26c8b56a2defe7f527af3f9963") format("woff"),
url("./flaticon_mycollection.eot?84987a26c8b56a2defe7f527af3f9963#iefix") format("embedded-opentype"),
url("./flaticon_mycollection.ttf?84987a26c8b56a2defe7f527af3f9963") format("truetype"),
url("./flaticon_mycollection.svg?84987a26c8b56a2defe7f527af3f9963#flaticon_mycollection") format("svg")
}
i[class^="flaticon-"]:before, i[class*=" flaticon-"]:before {
font-family: flaticon_mycollection !important;
font-style: normal;
font-weight: normal !important;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.flaticon-telephone:before {
content: "\f101";
}
.flaticon-ticket:before {
content: "\f102";
}
.flaticon-pet-house:before {
content: "\f103";
}
.flaticon-paint-roller:before {
content: "\f104";
}
.flaticon-balcony:before {
content: "\f105";
}
.flaticon-kitchen:before {
content: "\f106";
}
.flaticon-door:before {
content: "\f107";
}
.flaticon-school:before {
content: "\f108";
}
.flaticon-safe:before {
content: "\f109";
}
.flaticon-refrigerator:before {
content: "\f10a";
}
.flaticon-kitchen-tool:before {
content: "\f10b";
}`
but the font will not be loaded:
