@font-face {
    font-family: "Noto Sans";
    src: url('../../font/noto-sans/NotoSans-Light.ttf');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: "Noto Sans";
    src: url('../../font/noto-sans/NotoSans-Regular.ttf');
    font-weight: 400;
    /* regular */
    font-display: swap;
}

@font-face {
    font-family: "Noto Sans";
    src: url('../../font/noto-sans/NotoSans-Medium.ttf');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "Noto Sans";
    src: url('../../font/noto-sans/NotoSans-SemiBold.ttf');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: "Noto Sans";
    src: url('../../font/noto-sans/NotoSans-Italic.ttf');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}


/* ---------------- IBM Plex Mono ---------------- */

@font-face {
    font-family: "IBM Plex Mono";
    src: url('../../font/ibm-plex-mono/IBMPlexMono-Light.ttf');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: "IBM Plex Mono";
    src: url('../../font/ibm-plex-mono/IBMPlexMono-Regular.ttf');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "IBM Plex Mono";
    src: url('../../font/ibm-plex-mono/IBMPlexMono-Medium.ttf');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "IBM Plex Mono";
    src: url('../../font/ibm-plex-mono/IBMPlexMono-SemiBold.ttf');
    font-weight: 600;
    font-display: swap;
}

body {
    font-family: "Noto Sans", sans-serif;
}