@font-face {
    font-family: 'Copperplate Cond';
    src: url('CopperplateCon-Bol.woff2') format('woff2'),
        url('CopperplateCon-Bol.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Copperplate Cond';
    src: url('CopperplateCon-Lig.woff2') format('woff2'),
        url('CopperplateCon-Lig.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Copperplate Cond';
    src: url('CopperplateCon-Med.woff2') format('woff2'),
        url('CopperplateCon-Med.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Copperplate';
    src: url('Copperplate-Lig.woff2') format('woff2'),
        url('Copperplate-Lig.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Copperplate';
    src: url('Copperplate-Med.woff2') format('woff2'),
        url('Copperplate-Med.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}