@font-face
{
    font-family: "Roboto";
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src:
        local("Roboto Light"),
        local("Roboto-Light"),
        url("../font/roboto/Roboto-Light.woff2") format("woff2"),
        url("../font/roboto/Roboto-Light.woff") format("woff");
}

@font-face
{
    font-family: "Roboto";
    font-style: italic;
    font-weight: 300;
    font-display: swap;
    src:
        local("Roboto Light Italic"),
        local("Roboto-LightItalic"),
        url("../font/roboto/Roboto-LightItalic.woff2") format("woff2"),
        url("../font/roboto/Roboto-LightItalic.woff") format("woff");
}

@font-face
{
    font-family: "Roboto";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src:
        local("Roboto"),
        local("Roboto Regular"),
        local("Roboto-Regular"),
        url("../font/roboto/Roboto-Regular.woff2") format("woff2"),
        url("../font/roboto/Roboto-Regular.woff") format("woff");
}

@font-face
{
    font-family: "Roboto";
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src:
        local("Roboto Italic"),
        local("Roboto-Italic"),
        url("../font/roboto/Roboto-Italic.woff2") format("woff2"),
        url("../font/roboto/Roboto-Italic.woff") format("woff");
}

@font-face
{
    font-family: "Roboto";
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src:
        local("Roboto Medium"),
        local("Roboto-Medium"),
        url("../font/roboto/Roboto-Medium.woff2") format("woff2"),
        url("../font/roboto/Roboto-Medium.woff") format("woff");
}

@font-face
{
    font-family: "Roboto";
    font-style: italic;
    font-weight: 500;
    font-display: swap;
    src:
        local("Roboto Medium Italic"),
        local("Roboto-MediumItalic"),
        url("../font/roboto/Roboto-MediumItalic.woff2") format("woff2"),
        url("../font/roboto/Roboto-MediumItalic.woff") format("woff");
}

@font-face
{
    font-family: "Roboto";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src:
        local("Roboto Bold"),
        local("Roboto-Bold"),
        url("../font/roboto/Roboto-Bold.woff2") format("woff2"),
        url("../font/roboto/Roboto-Bold.woff") format("woff");
}

@font-face
{
    font-family: "Roboto";
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src:
        local("Roboto Bold Italic"),
        local("Roboto-BoldItalic"),
        url("../font/roboto/Roboto-BoldItalic.woff2") format("woff2"),
        url("../font/roboto/Roboto-BoldItalic.woff") format("woff");
}