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

@font-face {
    font-family: 'IBM Plex Serif';
    src: url('../ttf/ibmplexserif-semibold.ttf') format('truetype'),
        url('../woff2/ibmplexserif-semibold.woff2') format('woff2'),
        url('../woff/ibmplexserif-semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}


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

@font-face {
    font-family: 'IBM Plex Serif';
    src: url('../ttf/ibmplexserif-medium.ttf') format('truetype'),
        url('../woff2/ibmplexserif-medium.woff2') format('woff2'),
        url('../woff/ibmplexserif-medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
   font-display: swap;
}