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

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

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