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

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


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

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



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