@font-face {
    font-family: 'Audrey';
    src: url('Audrey-Normal.eot');
    src: url('Audrey-Normal.eot?#iefix') format('embedded-opentype'),
        url('Audrey-Normal.woff2') format('woff2'),
        url('Audrey-Normal.woff') format('woff'),
        url('Audrey-Normal.ttf') format('truetype'),
        url('Audrey-Normal.svg#Audrey-Normal') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Audrey';
    src: url('Audrey-NormalOblique.eot');
    src: url('Audrey-NormalOblique.eot?#iefix') format('embedded-opentype'),
        url('Audrey-NormalOblique.woff2') format('woff2'),
        url('Audrey-NormalOblique.woff') format('woff'),
        url('Audrey-NormalOblique.ttf') format('truetype'),
        url('Audrey-NormalOblique.svg#Audrey-NormalOblique') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Audrey';
    src: url('Audrey-Bold.eot');
    src: url('Audrey-Bold.eot?#iefix') format('embedded-opentype'),
        url('Audrey-Bold.woff2') format('woff2'),
        url('Audrey-Bold.woff') format('woff'),
        url('Audrey-Bold.ttf') format('truetype'),
        url('Audrey-Bold.svg#Audrey-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Audrey Med';
    src: url('Audrey-MediumOblique.eot');
    src: url('Audrey-MediumOblique.eot?#iefix') format('embedded-opentype'),
        url('Audrey-MediumOblique.woff2') format('woff2'),
        url('Audrey-MediumOblique.woff') format('woff'),
        url('Audrey-MediumOblique.ttf') format('truetype'),
        url('Audrey-MediumOblique.svg#Audrey-MediumOblique') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Audrey';
    src: url('Audrey-BoldOblique.eot');
    src: url('Audrey-BoldOblique.eot?#iefix') format('embedded-opentype'),
        url('Audrey-BoldOblique.woff2') format('woff2'),
        url('Audrey-BoldOblique.woff') format('woff'),
        url('Audrey-BoldOblique.ttf') format('truetype'),
        url('Audrey-BoldOblique.svg#Audrey-BoldOblique') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Audrey Med';
    src: url('Audrey-Medium.eot');
    src: url('Audrey-Medium.eot?#iefix') format('embedded-opentype'),
        url('Audrey-Medium.woff2') format('woff2'),
        url('Audrey-Medium.woff') format('woff'),
        url('Audrey-Medium.ttf') format('truetype'),
        url('Audrey-Medium.svg#Audrey-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}