@font-face {
  font-family: 'Kanit';
  font-style: normal;  
  font-weight: 200;
  font-display: swap;
  src: url(Kanit-ExtraLight.ttf) format('truetype');
}
@font-face {
  font-family: 'Kanit';
  font-style: italic;  
  font-weight: 200;
  font-display: swap;
  src: url(Kanit-ExtraLightItalic.ttf) format('truetype');
}   

@font-face {
  font-family: 'Kanit';
  font-style: normal;  
  font-weight: 400;
  font-display: swap;
  src: url(Kanit-Light.ttf) format('truetype');
}
@font-face {
  font-family: 'Kanit';
  font-style: italic;  
  font-weight: 400;
  font-display: swap;
  src: url(Kanit-LightItalic) format('truetype');
}

@font-face {
  font-family: 'Kanit';
  font-style: normal;  
  font-weight: 500;
  font-display: swap;
  src: url(Kanit-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Kanit';
  font-style: italic;  
  font-weight: 500;
  font-display: swap;
  src: url(Kanit-Italic.ttf) format('truetype');
}

@font-face {
  font-family: 'Kanit';
  font-style: normal;  
  font-weight: 600;
  font-display: swap;
  src: url(Kanit-Medium.ttf) format('truetype');
}
@font-face {
  font-family: 'Kanit';
  font-style: italic;  
  font-weight: 600;
  font-display: swap;
  src: url(Kanit-MediumItalic.ttf) format('truetype');
}


@font-face {
  font-family: 'Kanit';
  font-style: normal;  
  font-weight: 700;
  font-display: swap;
  src: url(Kanit-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Kanit';
  font-style: italic;  
  font-weight: 700;
  font-display: swap;
  src: url(Kanit-BoldItalic) format('truetype');
}


@font-face {
  font-family: 'Kanit';
  font-style: normal;  
  font-weight: 700;
  font-display: swap;
  src: url(Kanit-ExtraBold.ttf) format('truetype');
}
@font-face {
  font-family: 'Kanit';
  font-style: italic;  
  font-weight: 700;
  font-display: swap;
  src: url(Kanit-ExtraBoldItalic.ttf) format('truetype');
}