@font-face {
    font-family: 'Supermarket';
    src: url('fonts/supermarket.eot');
    src: url('fonts/supermarket.eot?#iefix') format('embedded-opentype'), url('fonts/supermarket.woff2') format('woff2'), url('fonts/supermarket.woff') format('woff'), url('fonts/supermarket.ttf') format('truetype'), url('fonts/supermarket.svg#supermarketregular') format('svg');
}

@font-face {
    font-family: 'Kanit';
    font-style: normal;
    src: url(fonts/Kanit_200_normal.eot); /* {{embedded-opentype-gf-url}} */
    src: local('☺'), url(fonts/fonts/Kanit_200_normal.eot?#iefix) format('embedded-opentype'), /* {{embedded-opentype-gf-url}} */
    url(fonts/Kanit_200_normal.woff) format('woff'), /* http://fonts.gstatic.com/s/kanit/v1/0AdrmspCSZGqcf39HikKMPesZW2xOQ-xsNqO47m55DA.woff */
    url(fonts/Kanit_200_normal.ttf) format('truetype'), /* http://fonts.gstatic.com/s/kanit/v1/5zPds-ftkNlFIWiHtNCV03YhjbSpvc47ee6xR_80Hnw.ttf */
    url(fonts/Kanit_200_normal.svg#Kanit_200_normal) format('svg'); /* {{svg-gf-url}} */
}

@font-face {
    font-family: 'Kanit300';
    font-style: normal;
    src: url(fonts/Kanit_300_normal.eot); /* {{embedded-opentype-gf-url}} */
    src: local('☺'), url(fonts/fonts/Kanit_300_normal.eot?#iefix) format('embedded-opentype'), /* {{embedded-opentype-gf-url}} */
    url(fonts/Kanit_300_normal.woff) format('woff'), /* http://fonts.gstatic.com/s/kanit/v1/0AdrmspCSZGqcf39HikKMPesZW2xOQ-xsNqO47m55DA.woff */
    url(fonts/Kanit_300_normal.ttf) format('truetype'), /* http://fonts.gstatic.com/s/kanit/v1/5zPds-ftkNlFIWiHtNCV03YhjbSpvc47ee6xR_80Hnw.ttf */
    url(fonts/Kanit_300_normal.svg#Kanit_300_normal) format('svg'); /* {{svg-gf-url}} */
}



/* Sarabun */
@font-face {
    font-family: 'Sarabun';
    src: url(fonts/Sarabun/Sarabun-Thin.ttf) format('truetype');
    font-weight: 200;
}

@font-face {
    font-family: 'Sarabun';
    src: url(fonts/Sarabun/Sarabun-ThinItalic.ttf) format('truetype');
    font-weight: 200;
    font-style: italic;
}

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

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

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

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

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

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

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

@font-face {
    font-family: 'Sarabun';
    src: url(fonts/Sarabun/Sarabun-Bold.ttf) format('truetype');
    font-weight: bold;
}

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

@font-face {
    font-family: 'Sarabun';
    src: url(fonts/Sarabun/Sarabun-ExtraBold.ttf) format('truetype');
    font-weight: 900;
}

@font-face {
    font-family: 'Sarabun';
    src: url(fonts/Sarabun/Sarabun-ExtraBoldItalic.ttf) format('truetype');
    font-weight: 900;
    font-style: italic;
}


.Kanit {
    font-family: "Kanit";
}

.Kanit300 {
    font-family: "Kanit300";
}

.sarabun {
    font-family: "Sarabun";
}