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

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

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

    @font-face {
        font-family: "Oswald";
        font-style: normal;
        font-weight: 400;
        font-display: swap;
        src: local("Oswald"),
             url("Oswald/woff2/oswald-v40-latin-regular.woff2") format("woff2"),
             url("Oswald/woff/oswald-v40-latin-regular.woff") format("woff");
    }

    @font-face {
        font-family: "Oswald";
        font-style: normal;
        font-weight: 600;
        font-display: swap;
        src: local("Oswald"),
             url("Oswald/woff2/oswald-v40-latin-600.woff2") format("woff2"),
             url("Oswald/woff/oswald-v40-latin-600.woff") format("woff");
    }

    @font-face {
        font-family: "Oswald";
        font-style: normal;
        font-weight: 700;
        font-display: swap;
        src: local("Oswald"),
             url("Oswald/woff2/oswald-v40-latin-700.woff2") format("woff2"),
             url("Oswald/woff/oswald-v40-latin-700.woff") format("woff");
    }