@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('IBMPlexSans-Regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('IBMPlexSans-Regular.woff') format('woff'), /* Pretty Modern Browsers */
    url('IBMPlexSans-Regular.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
    font-family: 'IBM Plex Sans';
    font-style: italic;
    font-weight: 400;
    font-display: swap;
    src: url('IBMPlexSans-Italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('IBMPlexSans-Italic.woff') format('woff'), /* Pretty Modern Browsers */
    url('IBMPlexSans-Italic.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
    font-family: 'IBM Plex Sans';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('IBMPlexSans-Bold.woff2') format('woff2'), /* Super Modern Browsers */
    url('IBMPlexSans-Bold.woff') format('woff'), /* Pretty Modern Browsers */
    url('IBMPlexSans-Bold.ttf')  format('truetype'); /* Safari, Android, iOS */
}

@font-face {
    font-family: 'IBM Plex Sans';
    font-style: italic;
    font-weight: 700;
    font-display: swap;
    src: url('IBMPlexSans-BoldItalic.woff2') format('woff2'), /* Super Modern Browsers */
    url('IBMPlexSans-BoldItalic.woff') format('woff'), /* Pretty Modern Browsers */
    url('IBMPlexSans-BoldItalic.ttf')  format('truetype'); /* Safari, Android, iOS */
}