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

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

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

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

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

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

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

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

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

