@font-face {
    font-family: "NeueHaasDisplay-Bold";
    src: url("./NeueHaasDisplay-Bold.woff2") format("woff2"),
        url("./NeueHaasDisplay-Bold.woff") format("woff"),
        url("./NeueHaasDisplay-Bold.ttf") format("truetype"),
        url("./NeueHaasDisplay-Bold.eot") format("embedded-opentype"),
        url("./NeueHaasDisplay-Bold.svg") format("svg");
}

@font-face {
    font-family: "NeueHaasDisplay-Light";
    src: url("./NeueHaasDisplay-Light.woff2") format("woff2"),
        url("./NeueHaasDisplay-Light.woff") format("woff"),
        url("./NeueHaasDisplay-Light.ttf") format("truetype"),
        url("./NeueHaasDisplay-Light.eot") format("embedded-opentype"),
        url("./NeueHaasDisplay-Light.svg") format("svg");
}

@font-face {
    font-family: "NeueHaasDisplay-Mediu";
    src: url("./NeueHaasDisplay-Mediu.woff2") format("woff2"),
        url("./NeueHaasDisplay-Mediu.woff") format("woff"),
        url("./NeueHaasDisplay-Mediu.ttf") format("truetype"),
        url("./NeueHaasDisplay-Mediu.eot") format("embedded-opentype"),
        url("./NeueHaasDisplay-Mediu.svg") format("svg");
}

@font-face {
    font-family: "NeueHaasDisplay-Roman";
    src: url("./NeueHaasDisplay-Roman.woff2") format("woff2"),
        url("./NeueHaasDisplay-Roman.woff") format("woff"), url("./NeueHaasDisplay-Roman.ttf") format("truetype"),
        url("./NeueHaasDisplay-Roman.eot") format("embedded-opentype"),
        url("./NeueHaasDisplay-Roman.svg") format("svg");
}

.nhb {
    font-family: 'NeueHaasDisplay-Bold';
    font-weight: 800;
}

.nhm {
    font-family: 'NeueHaasDisplay-Mediu';
    font-weight: 600;
}

.nhr {
    font-family: 'NeueHaasDisplay-Roman';
    font-weight: 500;
}
.nhl {
    font-family: 'NeueHaasDisplay-Light';
    font-weight: 400;
}

html,
body {
    font-family: 'NeueHaasDisplay-Roman', "Noto Sans SC", "Source Han Sans CN", "Noto Sans S Chinese Light",
        "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular",
        "Helvetica Neue", Helvetica, Tahoma, sans-serif;
}