/* Kanit */
    @font-face {
        font-family: 'Kanit';
        font-style: normal;
        font-weight: 400;
        src: local('Kanit Regular'), local('Kanit-Regular'), url('../fonts/Kanit-Regular.ttf') format('truetype');
      }

      @font-face {
        font-family: 'Kanit';
        font-style: normal;
        font-weight: 300;
        src: local('Kanit Light'), local('Kanit-Light'), url('../fonts/Kanit-Light.ttf') format('truetype');
      }

      @font-face {
        font-family: 'Kanit';
        font-style: bold;
        font-weight: 500;
        src: local('Kanit Medium'), local('Kanit-Medium'), url('../fonts/Kanit-Medium.ttf') format('truetype');
      }

      @font-face {
        font-family: 'Kanit';
        font-style: bold;
        font-weight: 600;
        src: local('Kanit SemiBold'), local('Kanit-SemiBold'), url('../fonts/Kanit-SemiBold.ttf') format('truetype');
      }

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

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

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

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