/* Thin */
@font-face {
    font-family  : "Roboto";
    src          : local("Roboto Thin"), local("Roboto-Thin"),
    url("/front/fonts/Roboto/Roboto-Thin.ttf") format("truetype");
    font-weight  : 100;
    font-style   : normal;
    font-display : swap;
}

/* Thin Italic */
@font-face {
    font-family  : "Roboto";
    src          : local("Roboto Thin Italic"), local("Roboto-ThinItalic"),
    url("/front/fonts/Roboto/Roboto-ThinItalic.ttf") format("truetype");
    font-weight  : 100;
    font-style   : italic;
    font-display : swap;
}

/* Light */
@font-face {
    font-family  : "Roboto";
    src          : local("Roboto Light"), local("Roboto-Light"),
    url("/front/fonts/Roboto/Roboto-Light.ttf") format("truetype");
    font-weight  : 300;
    font-style   : normal;
    font-display : swap;
}

/* Light Italic */
@font-face {
    font-family  : "Roboto";
    src          : local("Roboto Light Italic"), local("Roboto-LightItalic"),
    url("/front/fonts/Roboto/Roboto-LightItalic.ttf") format("truetype");
    font-weight  : 300;
    font-style   : italic;
    font-display : swap;
}


/* Regular */
@font-face {
    font-family  : "Roboto";
    src          : local("Roboto"),
    url("/front/fonts/Roboto/Roboto-Regular.ttf") format("truetype");
    font-weight  : normal;
    font-style   : normal;
    font-display : swap;
}

/* Regular Italic */
@font-face {
    font-family  : "Roboto";
    src          : local("Roboto Italic"), local("Roboto-Italic"),
    url("/front/fonts/Roboto/Roboto-Italic.ttf") format("truetype");
    font-weight  : normal;
    font-style   : italic;
    font-display : swap;
}


/* Medium */
@font-face {
    font-family  : "Roboto";
    src          : local("Roboto Medium"), local("Roboto-Medium"),
    url("/front/fonts/Roboto/Roboto-Medium.ttf") format("truetype");
    font-weight  : 500;
    font-style   : normal;
    font-display : swap;
}

/* Medium Italic */
@font-face {
    font-family  : "Roboto";
    src          : local("Roboto Medium Italic"), local("Roboto-MediumItalic"),
    url("/front/fonts/Roboto/Roboto-MediumItalic.ttf") format("truetype");
    font-weight  : 500;
    font-style   : italic;
    font-display : swap;
}


/* Bold */
@font-face {
    font-family  : "Roboto";
    src          : local("Roboto Bold"), local("Roboto-Bold"),
    url("/front/fonts/Roboto/Roboto-Bold.ttf") format("truetype");
    font-weight  : bold;
    font-style   : normal;
    font-display : swap;
}

/* Bold Italic */
@font-face {
    font-family  : "Roboto";
    src          : local("Roboto Bold Italic"), local("Roboto-BoldItalic"),
    url("/front/fonts/Roboto/Roboto-BoldItalic.ttf") format("truetype");
    font-weight  : bold;
    font-style   : italic;
    font-display : swap;
}


/* Black */
@font-face {
    font-family  : "Roboto";
    src          : local("Roboto Black"), local("Roboto-Black"),
    url("/front/fonts/Roboto/Roboto-Black.ttf") format("truetype");
    font-weight  : 900;
    font-style   : normal;
    font-display : swap;
}

/* Black Italic */
@font-face {
    font-family  : "Roboto";
    src          : local("Roboto Black Italic"), local("Roboto-BlackItalic"),
    url("/front/fonts/Roboto/Roboto-BlackItalic.ttf") format("truetype");
    font-weight  : 900;
    font-style   : italic;
    font-display : swap;
}