/*********************** font-face ************************/
@font-face {
    font-family: 'icons';
    src: url('icons.ttf') format('truetype');
}

@font-face {
    font-family: 'Kanit';
    src: url(../font/Kanit-Regular.ttf);
}

@font-face {
    font-family: 'Maitree';
    src: url(../font/Maitree-Regular.ttf);
}

@font-face {
    font-family: 'Pridi';
    src: url(../font/Pridi-Regular.ttf);
}

@font-face {
    font-family: 'Prompt';
    src: url(../font/Prompt-Regular.ttf);
}

@font-face {
    font-family: 'Taviraj';
    src: url(../font/Taviraj-Regular.ttf);
}

@font-face {
    font-family: 'Trirong';
    src: url(../font/Trirong-Regular.ttf);
}

@font-face {
    font-family: 'Sarabun';
	src: url(../font/Sarabun-Regular.ttf);
}

/*********************** font-face ************************/

/*********************** font class for preview ************************/
.font-kanit {
    font-family: 'Kanit' !important;
}

.font-maitree {
    font-family: 'Maitree' !important;
}

.font-pridi {
    font-family: 'Pridi' !important;
}

.font-prompt {
    font-family: 'Prompt' !important;
}

.font-taviraj {
    font-family: 'Taviraj' !important;
}

.font-trirong {
    font-family: 'Trirong' !important;
}

.font-sarabun {
    font-family: 'Sarabun' !important;
}

/*********************** font class for preview ************************/

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

@font-face {
	font-family: 'Gotham Book';
	src: url(../fonts/Gotham-Book.eot);
	src: url(../fonts/Gotham-Book.eot?#iefix) format('embedded-opentype'),
		url(../fonts/Gotham-Book.woff) format('woff'),
		url(../fonts/Gotham-Book.ttf) format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham-thin';
	src: url(../fonts/Gotham-Thin.eot);
	src: url(../fonts/Gotham-Thin.eot?#iefix) format('embedded-opentype'),
		url(../fonts/Gotham-Thin.woff) format('woff'),
		url(../fonts/Gotham-Thin.ttf) format('truetype');
	font-weight: 100;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham-black';
	src: url(../fonts/Gotham-BlackItalic.eot);
	src: url(../fonts/Gotham-BlackItalic.eot?#iefix) format('embedded-opentype'),
		url(../fonts/Gotham-BlackItalic.woff) format('woff'),
		url(../fonts/Gotham-BlackItalic.ttf) format('truetype');
	font-weight: 900;
	font-style: italic;
}

@font-face {
	font-family: 'Gotham-medium';
	src: url(../fonts/Gotham-Medium.eot);
	src: url(../fonts/Gotham-Medium.eot?#iefix) format('embedded-opentype'),
		url(../fonts/Gotham-Medium.woff) format('woff'),
		url(../fonts/Gotham-Medium.ttf) format('truetype');
	font-weight: 500;
	font-style: normal;
}