@font-face {
    font-family: 'Lato';
    font-display: fallback;
    src:
            local('Lato Regular'),
            local('Lato'),
            local('LatoWeb'),
            url('/webfonts/Lato-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'Lato';
    font-display: fallback;
    src:
            local('Lato Italic'),
            local('Lato'),
            local('LatoWeb'),
            url('/webfonts/Lato-Italic.ttf') format('truetype');
    font-style: italic;
    font-weight: normal;
}

@font-face {
    font-family: 'Lato';
    font-display: fallback;
    src:
            local('Lato Bold'),
            local('Lato'),
            local('LatoWeb'),
            url('/webfonts/Lato-Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: bold;
}

@font-face {
    font-family: 'Lato';
    font-display: fallback;
    src:
            local('Lato Bold Italic'),
            local('Lato'),
            local('LatoWeb'),
            url('/webfonts/Lato-BoldItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: bold;
}

@font-face {
    font-family: 'Lato';
    font-display: fallback;
    src:
            local('Lato Light'),
            local('Lato'),
            local('LatoWeb'),
            url('/webfonts/Lato-Light.ttf') format('truetype');
    font-style: normal;
    font-weight: 300;
}

@font-face {
    font-family: 'Lato';
    font-display: fallback;
    src:
            local('Lato Light Italic'),
            local('Lato'),
            local('LatoWeb'),
            url('/webfonts/Lato-LightItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: 300;
}

@font-face {
    font-family: 'Lato';
    font-display: fallback;
    src:
            local('Lato Thin'),
            local('Lato'),
            local('LatoWeb'),
            url('/webfonts/Lato-Thin.ttf') format('truetype');
    font-style: normal;
    font-weight: 100;
}

@font-face {
    font-family: 'Lato';
    font-display: fallback;
    src:
            local('Lato Thin Italic'),
            local('Lato'),
            local('LatoWeb'),
            url('/webfonts/Lato-ThinItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: 100;
}

@font-face {
    font-family: 'Lato';
    font-display: fallback;
    src:
            local('Lato Black'),
            local('Lato'),
            local('LatoWeb'),
            url('/webfonts/Lato-Black.ttf') format('truetype');
    font-style: normal;
    font-weight: 900;
}

@font-face {
    font-family: 'Lato';
    font-display: fallback;
    src:
            local('Lato Black Italic'),
            local('Lato'),
            local('LatoWeb'),
            url('/webfonts/Lato-BlackItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: 900;
}