

/*@font-face {*/
/*    font-family: 'OpenSans';*/
/*    src: url(fonts/OPPOSans/OPPOSans-B.ttf) format('truetype');*/
/*    font-weight: bold;*/
/*}*/

/*@font-face {*/
/*    font-family: 'OpenSans';*/
/*    src: url(fonts/OPPOSans/OPPOSans-L.ttf) format('truetype');*/
/*    font-weight: 300;*/
/*}*/

/*@font-face {*/
/*    font-family: 'OpenSans';*/
/*    src: url(fonts/OPPOSans/OPPOSans-M.ttf) format('truetype');*/
/*    font-weight: 500;*/
/*}*/

/*@font-face {*/
/*    font-family: 'OpenSans';*/
/*    src: url(fonts/OPPOSans/OPPOSans-H.ttf) format('truetype');*/
/*    font-weight: 900;*/
/*}*/
/*@font-face {*/
/*    font-family: 'SourceHanSerifCN';*/
/*    src: url(fonts/SourceHanSerifCN/SOURCEHANSANSCN-EXTRALIGHT.ttf) format('opentype');*/
/*    font-weight: 100;*/
/*}*/

/*@font-face {*/
/*    font-family: 'SourceHanSerifCN';*/
/*    src: url(fonts/SourceHanSerifCN/SOURCEHANSANSCN-LIGHT.ttf) format('opentype');*/
/*    font-weight: 300;*/
/*}*/

/*@font-face {*/
/*    font-family: 'SourceHanSerifCN';*/
/*    src: url(fonts/SourceHanSerifCN/SOURCEHANSANSCN-MEDIUM.ttf) format('opentype');*/
/*    font-weight: 500;*/
/*}*/
/*@font-face {*/
/*    font-family: 'SourceHanSerifCN';*/
/*    src: url(fonts/SourceHanSerifCN/SOURCEHANSANSCN-HEAVY.ttf) format('truetype');*/
/*    font-weight: 900;*/
/*}*/
/*@font-face {*/
/*    font-family: 'SourceHanSerifCN';*/
/*    src: url(fonts/SourceHanSerifCN/SOURCEHANSANSCN-NORMAL.ttf) format('truetype');*/
/*    font-weight: normal;*/
/*}*/
/*@font-face {*/
/*    font-family: 'SourceHanSerifCN';*/
/*    src: url(fonts/SourceHanSerifCN/SOURCEHANSANSCN-BOLD.ttf) format('opentype');*/
/*    font-weight: bold;*/
/*}*/

/*@font-face {*/
/*    font-family: 'raleway';*/
/*    src: url(fonts/raleway/Raleway-Thin.ttf) format('truetype');*/
/*    font-weight: 100;*/
/*}*/

/*@font-face {*/
/*    font-family: 'raleway';*/
/*    src: url(fonts/raleway/Raleway-ExtraLight.ttf) format('truetype');*/
/*    font-weight: 200;*/
/*}*/

/*@font-face {*/
/*    font-family: 'raleway';*/
/*    src: url(fonts/raleway/Raleway-Light.ttf) format('truetype');*/
/*    font-weight: 300;*/
/*}*/

/*@font-face {*/
/*    font-family: 'raleway';*/
/*    src: url(fonts/raleway/Raleway-Regular.ttf) format('truetype');*/
/*    font-weight: 400;*/
/*}*/

/*@font-face {*/
/*    font-family: 'raleway';*/
/*    src: url(fonts/raleway/Raleway-Medium.ttf) format('truetype');*/
/*    font-weight: 500;*/
/*}*/

/*@font-face {*/
/*    font-family: 'raleway';*/
/*    src: url(fonts/raleway/Raleway-SemiBold.ttf) format('truetype');*/
/*    font-weight: 600;*/
/*}*/

/*@font-face {*/
/*    font-family: 'raleway';*/
/*    src: url(fonts/raleway/Raleway-Bold.ttf) format('truetype');*/
/*    font-weight: 700;*/
/*}*/

/*@font-face {*/
/*    font-family: 'raleway';*/
/*    src: url(fonts/raleway/Raleway-ExtraBold.ttf) format('truetype');*/
/*    font-weight: 800;*/
/*}*/

/*@font-face {*/
/*    font-family: 'raleway';*/
/*    src: url(fonts/raleway/Raleway-Black.ttf) format('truetype');*/
/*    font-weight: 900;*/
/*}*/

@font-face {
    font-family: 'roboto';
    src: url(fonts/Roboto/Roboto-Thin.ttf) format('truetype');
    font-weight: 100;
}

@font-face {
    font-family: 'roboto';
    src: url(fonts/Roboto/Roboto-Light.ttf) format('truetype');
    font-weight: 200;
}

@font-face {
    font-family: 'roboto';
    src: url(fonts/Roboto/Roboto-Light.ttf) format('truetype');
    font-weight: 300;
}

@font-face {
    font-family: 'roboto';
    src: url(fonts/Roboto/Roboto-Regular.ttf) format('truetype');
    font-weight: 400;
}

@font-face {
    font-family: 'roboto';
    src: url(fonts/Roboto/Roboto-Medium.ttf) format('truetype');
    font-weight: 500;
}

@font-face {
    font-family: 'roboto';
    src: url(fonts/Roboto/Roboto-Bold.ttf) format('truetype');
    font-weight: 600;
}

@font-face {
    font-family: 'roboto';
    src: url(fonts/Roboto/Roboto-Bold.ttf) format('truetype');
    font-weight: 700;
}

@font-face {
    font-family: 'roboto';
    src: url(fonts/Roboto/Roboto-Bold.ttf) format('truetype');
    font-weight: 800;
}

@font-face {
    font-family: 'roboto';
    src: url(fonts/Roboto/Roboto-Black.ttf) format('truetype');
    font-weight: 900;
}
