@font-face {
    font-family: 'LonginesSans';
    font-display: swap;
    src: url('./LonginesSansMedium.woff2') format('woff2'),
        url('./LonginesSansMedium.woff') format('woff'),
        url('./LonginesSansMedium.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'LonginesSans';
    font-display: swap;
    src: url('./LonginesSansBold.woff2') format('woff2'), 
    url('./LonginesSansBold.woff') format('woff'), 
    url('./LonginesSansBold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'LonginesSerif';
    font-display: swap;
    src: url('./LonginesSerifRegular.woff2') format('woff2'), 
    url('./LonginesSerifRegular.woff') format('woff'), 
    url('./LonginesSerifRegular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'LonginesSerif';
    font-display: swap;
    src: url('./LonginesSerifBold.woff2') format('woff2'), 
    url('./LonginesSerifBold.woff') format('woff'), 
    url('./LonginesSerifBold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

.longines-sans {
    font-family: 'LonginesSans', sans-serif !important;
}
.longines-serif {
    font-family: 'LonginesSerif', serif !important;
}