/* ==== FONT Kanit ==== */

@font-face {
    font-family: "Kanit";
    src: url(../fonts/Kanit/Kanit-Thin.ttf) format('truetype');
    font-weight: 100;
    font-style: normal;

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

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

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

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

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

}
@font-face {
    font-family: "Kanit";
    src: url(../fonts/Kanit/Kanit-ExtraBold.ttf) format('truetype');
    font-weight: 800;
    font-style: normal;

}
@font-face {
    font-family: "Kanit";
    src: url(../fonts/Kanit/Kanit-Black.ttf) format('truetype');
    font-weight: 900;
    font-style: normal;
}
/* italic */
@font-face {
    font-family: "Kanit";
    src: url(../fonts/Kanit/Kanit-ThinItalic.ttf) format('truetype');
    font-weight: 100;
    font-style: italic;
}
@font-face {
    font-family: "Kanit";
    src: url(../fonts/Kanit/Kanit-LightItalic.ttf) format('truetype');
    font-weight: 300;
    font-style: italic;

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

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


/* ===== Montserrat ===== */

@font-face {
    font-family: "Montserrat";
    src: url(../fonts/Montserrat/static/Montserrat-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "Montserrat";
    src: url(../fonts/Montserrat/static/Montserrat-SemiBold.ttf) format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: "Montserrat";
    src: url(../fonts/Montserrat/static/Montserrat-ExtraBold.ttf) format('truetype');
    font-weight: 800;
    font-style: normal;
}