@font-face {
    font-family: "Noto Sans HK";
    src: url("NotoSansHK-ExtraBold.eot");
    src: url("NotoSansHK-ExtraBold.eot?#iefix") format("embedded-opentype"), url("NotoSansHK-ExtraBold.woff") format("woff"), url("NotoSansHK-ExtraBold.ttf") format("truetype"),
        url("NotoSansHK-ExtraBold.svg#NotoSansHK-ExtraBold") format("svg");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Noto Sans HK";
    src: url("NotoSansHK-Black.eot");
    src: url("NotoSansHK-Black.eot?#iefix") format("embedded-opentype"), url("NotoSansHK-Black.woff") format("woff"), url("NotoSansHK-Black.ttf") format("truetype"),
        url("NotoSansHK-Black.svg#NotoSansHK-Black") format("svg");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Noto Sans HK";
    src: url("NotoSansHK-Bold.eot");
    src: url("NotoSansHK-Bold.eot?#iefix") format("embedded-opentype"), url("NotoSansHK-Bold.woff") format("woff"), url("NotoSansHK-Bold.ttf") format("truetype"),
        url("NotoSansHK-Bold.svg#NotoSansHK-Bold") format("svg");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Noto Sans HK";
    src: url("NotoSansHK-Light.eot");
    src: url("NotoSansHK-Light.eot?#iefix") format("embedded-opentype"), url("NotoSansHK-Light.woff") format("woff"), url("NotoSansHK-Light.ttf") format("truetype"),
        url("NotoSansHK-Light.svg#NotoSansHK-Light") format("svg");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Noto Sans HK";
    src: url("NotoSansHK-ExtraLight.eot");
    src: url("NotoSansHK-ExtraLight.eot?#iefix") format("embedded-opentype"), url("NotoSansHK-ExtraLight.woff") format("woff"), url("NotoSansHK-ExtraLight.ttf") format("truetype"),
        url("NotoSansHK-ExtraLight.svg#NotoSansHK-ExtraLight") format("svg");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Noto Sans HK";
    src: url("NotoSansHK-Medium.eot");
    src: url("NotoSansHK-Medium.eot?#iefix") format("embedded-opentype"), url("NotoSansHK-Medium.woff") format("woff"), url("NotoSansHK-Medium.ttf") format("truetype"),
        url("NotoSansHK-Medium.svg#NotoSansHK-Medium") format("svg");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Noto Sans HK";
    src: url("NotoSansHK-Regular.eot");
    src: url("NotoSansHK-Regular.eot?#iefix") format("embedded-opentype"), url("NotoSansHK-Regular.woff") format("woff"), url("NotoSansHK-Regular.ttf") format("truetype"),
        url("NotoSansHK-Regular.svg#NotoSansHK-Regular") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Noto Sans HK";
    src: url("NotoSansHK-SemiBold.eot");
    src: url("NotoSansHK-SemiBold.eot?#iefix") format("embedded-opentype"), url("NotoSansHK-SemiBold.woff") format("woff"), url("NotoSansHK-SemiBold.ttf") format("truetype"),
        url("NotoSansHK-SemiBold.svg#NotoSansHK-SemiBold") format("svg");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Noto Sans HK";
    src: url("NotoSansHK-Thin.eot");
    src: url("NotoSansHK-Thin.eot?#iefix") format("embedded-opentype"), url("NotoSansHK-Thin.woff") format("woff"), url("NotoSansHK-Thin.ttf") format("truetype"),
        url("NotoSansHK-Thin.svg#NotoSansHK-Thin") format("svg");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}