/* Kanit */
@font-face {
    font-family: 'Kanit';
    src: url('/assets/fonts/kanit/kanit-thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Kanit';
    src: url('/assets/fonts/kanit/kanit-thin-italic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}
@font-face {
    font-family: 'Kanit';
    src: url('/assets/fonts/kanit/kanit-extralight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Kanit';
    src: url('/assets/fonts/kanit/kanit-extralight-italic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}
@font-face {
    font-family: 'Kanit';
    src: url('/assets/fonts/kanit/kanit-light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Kanit';
    src: url('/assets/fonts/kanit/kanit-light-italic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'Kanit';
    src: url('/assets/fonts/kanit/kanit-regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Kanit';
    src: url('/assets/fonts/kanit/kanit-regular-italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Kanit';
    src: url('/assets/fonts/kanit/kanit-medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Kanit';
    src: url('/assets/fonts/kanit/kanit-medium-italic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'Kanit';
    src: url('/assets/fonts/kanit/kanit-semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Kanit';
    src: url('/assets/fonts/kanit/kanit-semibold-italic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: 'Kanit';
    src: url('/assets/fonts/kanit/kanit-bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Kanit';
    src: url('/assets/fonts/kanit/kanit-bold-italic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: 'Kanit';
    src: url('/assets/fonts/kanit/kanit-extrabold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Kanit';
    src: url('/assets/fonts/kanit/kanit-extrabold-italic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}
@font-face {
    font-family: 'Kanit';
    src: url('/assets/fonts/kanit/kanit-black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Kanit';
    src: url('/assets/fonts/kanit/kanit-black-italic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}


/* Montserrat */
@font-face {
    font-family: 'Montserrat';
    src: url('/assets/fonts/montserrat/montserrat-thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('/assets/fonts/montserrat/montserrat-thin-italic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}
@font-face {
    font-family: 'Montserrat';
    src: url('/assets/fonts/montserrat/montserrat-extralight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('/assets/fonts/montserrat/montserrat-extralight-italic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}
@font-face {
    font-family: 'Montserrat';
    src: url('/assets/fonts/montserrat/montserrat-light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('/assets/fonts/montserrat/montserrat-light-italic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'Montserrat';
    src: url('/assets/fonts/montserrat/montserrat-regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('/assets/fonts/montserrat/montserrat-regular-italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Montserrat';
    src: url('/assets/fonts/montserrat/montserrat-medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('/assets/fonts/montserrat/montserrat-medium-italic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'Montserrat';
    src: url('/assets/fonts/montserrat/montserrat-semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('/assets/fonts/montserrat/montserrat-semibold-italic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: 'Montserrat';
    src: url('/assets/fonts/montserrat/montserrat-bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('/assets/fonts/montserrat/montserrat-bold-italic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: 'Montserrat';
    src: url('/assets/fonts/montserrat/montserrat-extrabold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('/assets/fonts/montserrat/montserrat-extrabold-italic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}
@font-face {
    font-family: 'Montserrat';
    src: url('/assets/fonts/montserrat/montserrat-black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Montserrat';
    src: url('/assets/fonts/montserrat/montserrat-black-italic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}


/* SourceCodePro */
@font-face {
    font-family: 'SourceCodePro';
    src: url('/assets/fonts/sourcecodepro/sourcecodepro-extralight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'SourceCodePro';
    src: url('/assets/fonts/sourcecodepro/sourcecodepro-extralight-italic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}
@font-face {
    font-family: 'SourceCodePro';
    src: url('/assets/fonts/sourcecodepro/sourcecodepro-light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'SourceCodePro';
    src: url('/assets/fonts/sourcecodepro/sourcecodepro-light-italic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'SourceCodePro';
    src: url('/assets/fonts/sourcecodepro/sourcecodepro-regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'SourceCodePro';
    src: url('/assets/fonts/sourcecodepro/sourcecodepro-regular-italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'SourceCodePro';
    src: url('/assets/fonts/sourcecodepro/sourcecodepro-medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'SourceCodePro';
    src: url('/assets/fonts/sourcecodepro/sourcecodepro-medium-italic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'SourceCodePro';
    src: url('/assets/fonts/sourcecodepro/sourcecodepro-semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'SourceCodePro';
    src: url('/assets/fonts/sourcecodepro/sourcecodepro-semibold-italic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: 'SourceCodePro';
    src: url('/assets/fonts/sourcecodepro/sourcecodepro-bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'SourceCodePro';
    src: url('/assets/fonts/sourcecodepro/sourcecodepro-bold-italic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: 'SourceCodePro';
    src: url('/assets/fonts/sourcecodepro/sourcecodepro-extrabold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'SourceCodePro';
    src: url('/assets/fonts/sourcecodepro/sourcecodepro-extrabold-italic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}
@font-face {
    font-family: 'SourceCodePro';
    src: url('/assets/fonts/sourcecodepro/sourcecodepro-black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'SourceCodePro';
    src: url('/assets/fonts/sourcecodepro/sourcecodepro-black-italic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}


/* Lora */
@font-face {
    font-family: 'Lora';
    src: url('/assets/fonts/lora/lora-regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Lora';
    src: url('/assets/fonts/lora/lora-regular-italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Lora';
    src: url('/assets/fonts/lora/lora-medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Lora';
    src: url('/assets/fonts/lora/lora-medium-italic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'Lora';
    src: url('/assets/fonts/lora/lora-semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Lora';
    src: url('/assets/fonts/lora/lora-semibold-italic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: 'Lora';
    src: url('/assets/fonts/lora/lora-bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Lora';
    src: url('/assets/fonts/lora/lora-bold-italic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}


/* PlayfairDisplaySC */
@font-face {
    font-family: 'PlayfairDisplaySC';
    src: url('/assets/fonts/playfairdisplaysc/playfairdisplaysc-regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'PlayfairDisplaySC';
    src: url('/assets/fonts/playfairdisplaysc/playfairdisplaysc-regular-italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'PlayfairDisplaySC';
    src: url('/assets/fonts/playfairdisplaysc/playfairdisplaysc-bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'PlayfairDisplaySC';
    src: url('/assets/fonts/playfairdisplaysc/playfairdisplaysc-bold-italic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: 'PlayfairDisplaySC';
    src: url('/assets/fonts/playfairdisplaysc/playfairdisplaysc-black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'PlayfairDisplaySC';
    src: url('/assets/fonts/playfairdisplaysc/playfairdisplaysc-black-italic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}