@font-face {
    font-family: RobotoBlack;
    src: url('./font/Roboto-Black.ttf') format('truetype');
    font-weight: 900;
}
@font-face {
    font-family: RobotoBlackItalic;
    src: url('./font/Roboto-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}
@font-face {
    font-family: RobotoBold;
    src: url('./font/Roboto-Bold.ttf') format('truetype');
    font-weight: 800;
}
@font-face {
    font-family: RobotoBoldItalic;
    src: url('./font/Roboto-BoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}
@font-face {
    font-family: RobotoLight;
    src: url('./font/Roboto-Light.ttf') format('truetype');
    font-weight: 300;
}
@font-face {
    font-family: RobotoLightItalic;
    src: url('./font/Roboto-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: RobotoRegular;
    src: url('./font/Roboto-Regular.ttf') format('truetype');
    font-weight: 400;
}
@font-face {
    font-family: RobotoItalic;
    src: url('./font/Roboto-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: RobotoMedium;
    src: url('./font/Roboto-Medium.ttf') format('truetype');
    font-weight: 600;
}
@font-face {
    font-family: RobotoMediumItalic;
    src: url('./font/Roboto-MediumItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: RobotoThin;
    src: url('./font/Roboto-Thin.ttf') format('truetype');
    font-weight: 200;
}
@font-face {
    font-family: RobotoThinItalic;
    src: url('./font/Roboto-ThinItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}


.to-black{
    font-family: RobotoBlack, sans-serif;
}
.to-black-italic{
    font-family: RobotoBoldItalic, sans-serif;
}
.to-bold{
    font-family: RobotoBold, sans-serif;
}
.to-bold-italic{
    font-family: RobotoBoldItalic, sans-serif;
}
.to-medium{
    font-family: RobotoMedium, sans-serif;
}
.to-medium-italic{
    font-family: RobotoMediumItalic, sans-serif;
}
.to-light{
    font-family: RobotoLight, sans-serif;
}
.to-light-italic{
    font-family: RobotoLightItalic, sans-serif;
}
.to-thin{
    font-family: RobotoThin, sans-serif;
}
.to-thin-italic{
    font-family: RobotoThinItalic, sans-serif;
}
.to-regular{
    font-family: RobotoRegular, sans-serif;
}
.to-italic{
    font-family: RobotoItalic, sans-serif;
}


body {
    font-family: RobotoRegular, sans-serif;
}