@font-face {
    font-family: "fontawesome";
    src: url("./font/fa.woff2") format("woff2"),
        url("./font/fa.woff") format("woff"),
        url("./font/fa.ttf") format("truetype"),
}

@font-face {
    font-family: "maple";
    src: url("./font/maple.ttf") format("truetype");
}

i[class^="fa-"]:before,
i[class*=" fa-"]:before {
    font-family: fontawesome !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;
}

.fa-blog:before {
    content: "\f101";
}

.fa-house:before {
    content: "\f102";
}

.fa-user-group:before {
    content: "\f103";
}

.fa-android:before {
    content: "\f104";
}

.fa-apple:before {
    content: "\f105";
}

.fa-git-alt:before {
    content: "\f106";
}

.fa-github:before {
    content: "\f107";
}

.fa-linux:before {
    content: "\f108";
}

.fa-windows:before {
    content: "\f109";
}

.fa-zhihu:before {
    content: "\f10a";
}