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

@font-face {
    font-family: 'Roper Press';
    src: url('Roper-PressLightItalic.eot');
    src: local('Roper Press Light Italic'), local('Roper-PressLightItalic'),
        url('Roper-PressLightItalic.eot?#iefix') format('embedded-opentype'),
        url('Roper-PressLightItalic.woff2') format('woff2'),
        url('Roper-PressLightItalic.woff') format('woff'),
        url('Roper-PressLightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roper Press';
    src: url('Roper-PressHeavyItalic.eot');
    src: local('Roper Press Heavy Italic'), local('Roper-PressHeavyItalic'),
        url('Roper-PressHeavyItalic.eot?#iefix') format('embedded-opentype'),
        url('Roper-PressHeavyItalic.woff2') format('woff2'),
        url('Roper-PressHeavyItalic.woff') format('woff'),
        url('Roper-PressHeavyItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roper Press';
    src: url('Roper-PressHeavy.eot');
    src: local('Roper Press Heavy'), local('Roper-PressHeavy'),
        url('Roper-PressHeavy.eot?#iefix') format('embedded-opentype'),
        url('Roper-PressHeavy.woff2') format('woff2'),
        url('Roper-PressHeavy.woff') format('woff'),
        url('Roper-PressHeavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roper Serif';
    src: url('RoperSerif-Italic.eot');
    src: local('Roper Serif Italic'), local('RoperSerif-Italic'),
        url('RoperSerif-Italic.eot?#iefix') format('embedded-opentype'),
        url('RoperSerif-Italic.woff2') format('woff2'),
        url('RoperSerif-Italic.woff') format('woff'),
        url('RoperSerif-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roper Press';
    src: url('Roper-PressLight.eot');
    src: local('Roper Press Light'), local('Roper-PressLight'),
        url('Roper-PressLight.eot?#iefix') format('embedded-opentype'),
        url('Roper-PressLight.woff2') format('woff2'),
        url('Roper-PressLight.woff') format('woff'),
        url('Roper-PressLight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roper Serif Press';
    src: url('RoperSerif-PressHeavyItalic.eot');
    src: local('Roper Serif Press Heavy Italic'), local('RoperSerif-PressHeavyItalic'),
        url('RoperSerif-PressHeavyItalic.eot?#iefix') format('embedded-opentype'),
        url('RoperSerif-PressHeavyItalic.woff2') format('woff2'),
        url('RoperSerif-PressHeavyItalic.woff') format('woff'),
        url('RoperSerif-PressHeavyItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roper Serif Press';
    src: url('RoperSerif-PressLightItalic.eot');
    src: local('Roper Serif Press Light Italic'), local('RoperSerif-PressLightItalic'),
        url('RoperSerif-PressLightItalic.eot?#iefix') format('embedded-opentype'),
        url('RoperSerif-PressLightItalic.woff2') format('woff2'),
        url('RoperSerif-PressLightItalic.woff') format('woff'),
        url('RoperSerif-PressLightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Roper Serif Press';
    src: url('RoperSerif-PressHeavy.eot');
    src: local('Roper Serif Press Heavy'), local('RoperSerif-PressHeavy'),
        url('RoperSerif-PressHeavy.eot?#iefix') format('embedded-opentype'),
        url('RoperSerif-PressHeavy.woff2') format('woff2'),
        url('RoperSerif-PressHeavy.woff') format('woff'),
        url('RoperSerif-PressHeavy.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

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

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

@font-face {
    font-family: 'Roper Serif Press';
    src: url('RoperSerif-PressLight.eot');
    src: local('Roper Serif Press Light'), local('RoperSerif-PressLight'),
        url('RoperSerif-PressLight.eot?#iefix') format('embedded-opentype'),
        url('RoperSerif-PressLight.woff2') format('woff2'),
        url('RoperSerif-PressLight.woff') format('woff'),
        url('RoperSerif-PressLight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

