/* Roboto */
@font-face {
    font-family: 'Roboto';
    src: url('Roboto-Regular.eot');
    src: url('Roboto-Regular.eot?#iefix') format('embedded-opentype'),
        url('Roboto-Regular.woff2') format('woff2'),
        url('Roboto-Regular.woff') format('woff'),
        url('Roboto-Regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-Bold';
    src: url('Roboto-Bold.eot');
    src: url('Roboto-Bold.eot?#iefix') format('embedded-opentype'),
        url('Roboto-Bold.woff2') format('woff2'),
        url('Roboto-Bold.woff') format('woff'),
        url('Roboto-Bold.svg#Roboto-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-Thin';
    src: url('Roboto-Thin.eot');
    src: url('Roboto-Thin.eot?#iefix') format('embedded-opentype'),
        url('Roboto-Thin.woff2') format('woff2'),
        url('Roboto-Thin.woff') format('woff'),
        url('Roboto-Thin.svg#Roboto-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

/* TT Commons */
@font-face {
    font-family: 'TTCommonsPro-Bd';
    src: url('TTCommonsPro-Bd.eot');
    src: url('TTCommonsPro-Bd.eot?#iefix') format('embedded-opentype'),
        url('TTCommonsPro-Bd.woff') format('woff'),
        url('TTCommonsPro-Bd.ttf') format('truetype'),
        url('TTCommonsPro-Bd.svg#TTCommonsPro-Bd') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'TTCommonsPro-Rg';
    src: url('TTCommonsPro-Rg.eot');
    src: url('TTCommonsPro-Rg.eot?#iefix') format('embedded-opentype'),
        url('TTCommonsPro-Rg.woff') format('woff'),
        url('TTCommonsPro-Rg.ttf') format('truetype'),
        url('TTCommonsPro-Rg.svg#TTCommonsPro-Rg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* CormorantGaramond */
@font-face {
    font-family: 'Cormorant Garamond';
    /* src: url('CormorantGaramond-Bold.ttf') format('truetype'); */
	src: url('CormorantGaramond-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'CormorantGaramond-Regular';
    src: url('CormorantGaramond-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* noto-serif-tc & sc */
@font-face {
    font-family: "NotoSerifTC";
	src: url('NotoSerifTC-Regular.ttf') format('truetype');
	/* src: url('NotoSerifSC-Regular.ttf') format('truetype'); */
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "NotoSerifSC";
	src: url('NotoSerifSC-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/* noto-sans-hk */
@font-face {
    font-family: "NotoSansTC";
	src: url('NotoSansTC-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: "NotoSansSC";
	src: url('NotoSansSC-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* OpenSans */
@font-face {
    font-family: 'Open Sans';
    src: url('OpenSans-Regular.eot');
    src: url('OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('OpenSans-Regular.woff2') format('woff2'),
        url('OpenSans-Regular.woff') format('woff'),
        url('OpenSans-Regular.svg#OpenSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    src: url('OpenSans-Bold.eot');
    src: url('OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('OpenSans-Bold.woff2') format('woff2'),
        url('OpenSans-Bold.woff') format('woff'),
        url('OpenSans-Bold.svg#OpenSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Open Sans';
    src: url('OpenSans-Medium.eot');
    src: url('OpenSans-Medium.eot?#iefix') format('embedded-opentype'),
        url('OpenSans-Medium.woff2') format('woff2'),
        url('OpenSans-Medium.woff') format('woff'),
        url('OpenSans-Medium.svg#OpenSans-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}