@font-face {
  font-family: 'Kanit';
  font-display: swap;
  src: url('fonts/Kanit-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Kanit Bold';
  font-display: swap;
  src: url('fonts/Kanit-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Open Sans';
  font-display: swap;
  src: url('fonts/OpenSans-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Open Sans - Bold';
  font-display: swap;
  src: url('fonts/OpenSans-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'Open Sans - SemiBold';
  font-display: swap;
  src: url('fonts/OpenSans-SemiBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Rubik';
  font-display: swap;
  src: url('fonts/Rubik-Regular.ttf') format('truetype');
}