@font-face {
    font-family: 'TH Sarabun New';
    src: url('/fonts/THSarabunNew.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'TH Sarabun New';
    src: url('/fonts/THSarabunNewBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'TH Sarabun New';
    src: url('/fonts/THSarabunNewItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
/* public/css/app.css */

/* Krub Regular */
@font-face {
    font-family: 'Krub';
    src: url('/fonts/Krub-Regular.ttf') format('truetype');
    font-weight: 400; /* Regular */
    font-style: normal;
}

/* Krub Light */
@font-face {
    font-family: 'Krub';
    src: url('/fonts/Krub-Light.ttf') format('truetype');
    font-weight: 300; /* Light */
    font-style: normal;
}

/* Krub Light Italic */
@font-face {
    font-family: 'Krub';
    src: url('/fonts/Krub-LightItalic.ttf') format('truetype');
    font-weight: 300; /* Light */
    font-style: italic;
}

/* Krub ExtraLight */
@font-face {
    font-family: 'Krub';
    src: url('/fonts/Krub-ExtraLight.ttf') format('truetype');
    font-weight: 200; /* ExtraLight */
    font-style: normal;
}

/* Krub ExtraLight Italic */
@font-face {
    font-family: 'Krub';
    src: url('/fonts/Krub-ExtraLightItalic.ttf') format('truetype');
    font-weight: 200; /* ExtraLight */
    font-style: italic;
}

/* Krub Medium */
@font-face {
    font-family: 'Krub';
    src: url('/fonts/Krub-Medium.ttf') format('truetype');
    font-weight: 500; /* Medium */
    font-style: normal;
}

/* Krub Medium Italic */
@font-face {
    font-family: 'Krub';
    src: url('/fonts/Krub-MediumItalic.ttf') format('truetype');
    font-weight: 500; /* Medium */
    font-style: italic;
}

/* Krub SemiBold */
@font-face {
    font-family: 'Krub';
    src: url('/fonts/Krub-SemiBold.ttf') format('truetype');
    font-weight: 600; /* SemiBold */
    font-style: normal;
}

/* Krub SemiBold Italic */
@font-face {
    font-family: 'Krub';
    src: url('/fonts/Krub-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600; /* SemiBold */
    font-style: italic;
}

/* Krub Bold */
@font-face {
    font-family: 'Krub';
    src: url('/fonts/Krub-Bold.ttf') format('truetype');
    font-weight: 700; /* Bold */
    font-style: normal;
}

/* Krub Bold Italic */
@font-face {
    font-family: 'Krub';
    src: url('/fonts/Krub-BoldItalic.ttf') format('truetype');
    font-weight: 700; /* Bold */
    font-style: italic;
}

/* Krub Italic (assuming this is Regular Italic) */
@font-face {
    font-family: 'Krub';
    src: url('/fonts/Krub-Italic.ttf') format('truetype');
    font-weight: 400; /* Regular */
    font-style: italic;
}

em {
    font-style: italic; /* Will use the corresponding italic weight */
}