@font-face {
    font-family: 'text';
    src: local('Work Sans Light'), local('WorkSans-Light'),
        url('../font/WorkSans-Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'title';
    src: local('Spectral SemiBold'), local('Spectral-SemiBold'),
        url('../font/Spectral-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'text';
    src: local('Work Sans'), local('WorkSans-Regular'),
        url('../font/WorkSans-Regular.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'text';
    src: local('HK Grotesk Light Italic'), local('HKGrotesk-LightItalic'),
        url('../font/HKGrotesk-LightItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}
