/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap'); */


/* src/index.css hoặc src/App.css */

@font-face {
    font-family: 'Noto Sans JP';
    src: url('/fonts/NotoSansJP-Regular.ttf') format('truetype');
    font-weight: 400;
    /* Regular */
}

@font-face {
    font-family: 'Noto Sans JP';
    src: url('/fonts/NotoSansJP-Bold.ttf') format('truetype');
    font-weight: 700;
    /* Bold */
}

@font-face {
    font-family: 'Noto Sans JP';
    src: url('/fonts/NotoSansJP-Thin.ttf') format('truetype');
    font-weight: 100;
    /* Thin */
}

@font-face {
    font-family: 'Noto Sans JP';
    src: url('/fonts/NotoSansJP-Medium.ttf') format('truetype');
    font-weight: 500;
    /* Medium */
}

@font-face {
    font-family: 'Noto Sans JP';
    src: url('/fonts/NotoSansJP-SemiBold.ttf') format('truetype');
    font-weight: 600;
    /* SemiBold */
}

@font-face {
    font-family: 'Noto Sans JP';
    src: url('/fonts/NotoSansJP-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    /* ExtraLight */
}

@font-face {
    font-family: 'Noto Sans JP';
    src: url('/fonts/NotoSansJP-Light.ttf') format('truetype');
    font-weight: 300;
    /* Light */
}

@font-face {
    font-family: 'Noto Sans JP';
    src: url('/fonts/NotoSansJP-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    /* ExtraBold */
}

@font-face {
    font-family: 'Noto Sans JP';
    src: url('/fonts/NotoSansJP-Black.ttf') format('truetype');
    font-weight: 900;
    /* Black */
}

@font-face {
    font-family: 'Noto Sans JP';
    src: url('/fonts/NotoSansJP-VariableFont_wght.ttf') format('truetype');
    font-weight: 100 900;
    /* Variable font with a range of weights */
}