/*Roboto*/
@font-face {

    font-family: "Roboto";

    src: url("roboto/Roboto-Regular.ttf") format('truetype');

}

@font-face {

    font-family: "Roboto";

    src: url("roboto/Roboto-Thin.ttf") format('truetype');

    font-weight: 100;

}

@font-face {

    font-family: "Roboto";

    src: url("roboto/Roboto-ThinItalic.ttf") format('truetype');

    font-weight: 100;

    font-style: italic;

}

@font-face {

    font-family: "Roboto";

    src: url("roboto/Roboto-Thin.ttf") format('truetype');

    font-weight: 200;

}

@font-face {

    font-family: "Roboto";

    src: url("roboto/Roboto-ThinItalic.ttf") format('truetype');

    font-weight: 200;

    font-style: italic;

}

@font-face {

    font-family: "Roboto";

    src: url("roboto/Roboto-Light.ttf") format('truetype');

    font-weight: 300;

}

@font-face {

    font-family: "Roboto";

    src: url("roboto/Roboto-LightItalic.ttf") format('truetype');

    font-weight: 300;

    font-style: italic;

}

@font-face {

    font-family: "Roboto";

    src: url("roboto/Roboto-Light.ttf") format('truetype');

    font-weight: 400;

}

@font-face {

    font-family: "Roboto";

    src: url("roboto/Roboto-LightItalic.ttf") format('truetype');

    font-weight: 400;

    font-style: italic;

}

@font-face {

    font-family: "Roboto";

    src: url("roboto/Roboto-Medium.ttf") format('truetype');

    font-weight: 500;

}

@font-face {

    font-family: "Roboto";

    src: url("roboto/Roboto-MediumItalic.ttf") format('truetype');

    font-weight: 500;

    font-style: italic;

}

@font-face {

    font-family: "Roboto";

    src: url("roboto/Roboto-Medium.ttf") format('truetype');

    font-weight: 600;

}

@font-face {

    font-family: "Roboto";

    src: url("roboto/Roboto-MediumItalic.ttf") format('truetype');

    font-weight: 600;

    font-style: italic;

}


@font-face {

    font-family: "Roboto";

    src: url("roboto/Roboto-Bold.ttf") format('truetype');

    font-weight: 700;

}

@font-face {

    font-family: "Roboto";

    src: url("roboto/Roboto-BoldItalic.ttf") format('truetype');

    font-weight: 700;

    font-style: italic;

}

@font-face {

    font-family: "Roboto";

    src: url("roboto/Roboto-Black.ttf") format('truetype');

    font-weight: 800;

}

@font-face {

    font-family: "Roboto";

    src: url("roboto/Roboto-BlackItalic.ttf") format('truetype');

    font-weight: 800;

    font-style: italic;

}

@font-face {

    font-family: "Roboto";

    src: url("roboto/Roboto-Black.ttf") format('truetype');

    font-weight: 900;

}

@font-face {

    font-family: "Roboto";

    src: url("roboto/Roboto-BlackItalic.ttf") format('truetype');

    font-weight: 900;

    font-style: italic;

}

/*Noto TC*/



@font-face {

    font-family: "Noto Sans TC";

    src: url("nototc/NotoSansTC-Regular.otf") format('opentype');

}

@font-face {

    font-family: "Noto Sans TC";

    src: url("nototc/NotoSansTC-Thin.otf") format('opentype');

    font-weight: 100;

}

@font-face {

    font-family: "Noto Sans TC";

    src: url("nototc/NotoSansTC-Thin.otf") format('opentype');

    font-weight: 200;

}


@font-face {

    font-family: "Noto Sans TC";

    src: url("nototc/NotoSansTC-Light.otf") format('opentype');

    font-weight: 300;

}

@font-face {

    font-family: "Noto Sans TC";

    src: url("nototc/NotoSansTC-Light.otf") format('opentype');

    font-weight: 400;

}



@font-face {

    font-family: "Noto Sans TC";

    src: url("nototc/NotoSansTC-Medium.otf") format('opentype');

    font-weight: 500;

}

@font-face {

    font-family: "Noto Sans TC";

    src: url("nototc/NotoSansTC-Bold.otf") format('opentype');

    font-weight: 600;

}


@font-face {

    font-family: "Noto Sans TC";

    src: url("nototc/NotoSansTC-Bold.otf") format('opentype');

    font-weight: 700;

}

@font-face {

    font-family: "Noto Sans TC";

    src: url("nototc/NotoSansTC-Black.otf") format('opentype');

    font-weight: 800;

}


@font-face {

    font-family: "Noto Sans TC";

    src: url("nototc/NotoSansTC-Black.otf") format('opentype');

    font-weight: 900;

}

/*Noto SC*/



@font-face {

    font-family: "Noto Sans SC";

    src: url("notosc/NotoSansSC-Regular.otf") format('opentype');

}

@font-face {

    font-family: "Noto Sans SC";

    src: url("notosc/NotoSansSC-Thin.otf") format('opentype');

    font-weight: 100;

}

@font-face {

    font-family: "Noto Sans SC";

    src: url("notosc/NotoSansSC-Thin.otf") format('opentype');

    font-weight: 200;

}


@font-face {

    font-family: "Noto Sans SC";

    src: url("notosc/NotoSansSC-Light.otf") format('opentype');

    font-weight: 300;

}

@font-face {

    font-family: "Noto Sans SC";

    src: url("notosc/NotoSansSC-Light.otf") format('opentype');

    font-weight: 400;

}



@font-face {

    font-family: "Noto Sans SC";

    src: url("notosc/NotoSansSC-Medium.otf") format('opentype');

    font-weight: 500;

}

@font-face {

    font-family: "Noto Sans SC";

    src: url("notosc/NotoSansSC-Bold.otf") format('opentype');

    font-weight: 600;

}


@font-face {

    font-family: "Noto Sans SC";

    src: url("notosc/NotoSansSC-Bold.otf") format('opentype');

    font-weight: 700;

}

@font-face {

    font-family: "Noto Sans SC";

    src: url("notosc/NotoSansSC-Black.otf") format('opentype');

    font-weight: 800;

}


@font-face {

    font-family: "Noto Sans SC";

    src: url("notosc/NotoSansSC-Black.otf") format('opentype');

    font-weight: 900;

}