@font-face {
    font-family: 'Roboto';
    font-weight: 125 950;
    font-stretch: 75% 125%;
    font-style: normal;
    font-display: block;
    src:
        local('Roboto'),
        url('/fonts/Roboto/regular.ttf') format('truetype'),
        url('/fonts/Roboto/regular.woff2') format('woff2-variations');
}

@font-face {
    font-family: 'Roboto';
    font-weight: 125 950;
    font-stretch: 75% 125%;
    font-style: italic;
    font-display: block;
    src:
        local('Roboto'),
        url('/fonts/Roboto/italic.ttf') format('truetype'),
        url('/fonts/Roboto/italic.woff2') format('woff2-variations');
}

@font-face {
    font-family: 'Roboto Condensed';
    font-weight: 125 950;
    font-stretch: 75% 125%;
    font-style: normal;
    font-display: block;
    src:
        local('Roboto Condensed'),
        url('/fonts/Roboto/condensed_regular.ttf') format('truetype'),
        url('/fonts/Roboto/condensed_regular.woff2') format('woff2-variations');
}

@font-face {
    font-family: 'Roboto Condensed';
    font-weight: 125 950;
    font-stretch: 75% 125%;
    font-style: italic;
    font-display: block;
    src:
        local('Roboto Condensed'),
        url('/fonts/Roboto/condensed_italic.ttf') format('truetype'),
        url('/fonts/Roboto/condensed_italic.woff2') format('woff2-variations');
}