@font-face {
    font-family: 'Involve';
    src: local('Involve Regular'), local('Involve-Regular'),
        url('Involve-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Involve';
    src: local('Involve Oblique'), local('Involve-Oblique'),
        url('Involve-Oblique.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Involve';
    src: local('Involve Medium'), local('Involve-Medium'),
        url('Involve-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Involve';
    src: local('Involve Medium Oblique'), local('Involve-MediumOblique'),
        url('Involve-MediumOblique.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Involve';
    src: local('Involve SemiBold'), local('Involve-SemiBold'),
        url('Involve-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Involve';
    src: local('Involve SemiBold Oblique'), local('Involve-SemiBoldOblique'),
        url('Involve-SemiBoldOblique.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Involve';
    src: local('Involve Bold'), local('Involve-Bold'),
        url('Involve-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Involve';
    src: local('Involve Bold Oblique'), local('Involve-BoldOblique'),
        url('Involve-BoldOblique.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}