/* Roboto fonts with seperate font families for each weight */

@font-face {
    font-family: "RobotoThin";
    src: url("../fonts/Roboto-Thin.woff2") format("woff2"), url("../Roboto-Thin.ttf") format("ttf");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: "RobotoThin";
    src: url("../fonts/Roboto-ThinItalic.woff2") format("woff2"), url("../Roboto-ThinItalic.ttf") format("ttf");
    font-style: italic;
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: "RobotoLight";
    src: url("../fonts/Roboto-Light.woff2") format("woff2"), url("../Roboto-Light.ttf") format("ttf");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: "RobotoLight";
    src: url("../fonts/Roboto-LightItalic.woff2") format("woff2"), url("../Roboto-LightItalic.ttf") format("ttf");
    font-style: italic;
    font-weight: normal;
    font-display: swap;
}

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

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

@font-face {
    font-family: "RobotoMedium";
    src: url("../fonts/Roboto-Medium.woff2") format("woff2"), url("../Roboto-Medium.ttf") format("ttf");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: "RobotoMedium";
    src: url("../fonts/Roboto-MediumItalic.woff2") format("woff2"), url("../Roboto-MediumItalic.ttf") format("ttf");
    font-style: italic;
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: "RobotoBold";
    src: url("../fonts/Roboto-Bold.woff2") format("woff2"), url("../Roboto-Bold.ttf") format("ttf");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: "RobotoBold";
    src: url("../fonts/Roboto-BoldItalic.woff2") format("woff2"), url("../Roboto-BoldItalic.ttf") format("ttf");
    font-style: italic;
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: "RobotoBlack";
    src: url("../fonts/Roboto-Black.woff2") format("woff2"), url("../Roboto-Black.ttf") format("ttf");
    font-style: normal;
    font-weight: normal;
    font-display: swap;
}

@font-face {
    font-family: "RobotoBlack";
    src: url("../fonts/Roboto-BlackItalic.woff2") format("woff2"), url("../Roboto-BlackItalic.ttf") format("ttf");
    font-style: italic;
    font-weight: normal;
    font-display: swap;
}
