/* ------------------------------------------------------------------
   Kanit — ประกาศใหม่ให้ใช้งานได้จริง
   ------------------------------------------------------------------
   ของเดิมที่ assets/vendors/fonts/kanit/style.css เสียสองจุด:

   1. ใช้ format('ttf') ซึ่งไม่ใช่ค่าที่ CSS รู้จัก (ต้องเป็น 'truetype')
      เบราว์เซอร์จึงข้ามแหล่งไฟล์ทิ้ง เหลือแต่ local() ที่ไม่มีในเครื่องผู้ใช้
      ผลคือ document.fonts.check('16px Kanit') = false — ฟอนต์ไม่เคยโหลดเลย
      ทั้งระบบจึงแสดงด้วยฟอนต์ระบบสำรองมาตลอด

   2. แยกแต่ละน้ำหนักเป็นคนละ font-family ('Kanit Std Bold' ฯลฯ)
      โดยตั้ง font-weight: normal ทุกตัว → สั่ง font-weight:700 ก็ไม่มีทางเจอไฟล์ Bold
      หัวข้อภาษาไทยจึงถูกเบราว์เซอร์ปลอมตัวหนาให้ (faux bold) ซึ่งทำให้สระและ
      วรรณยุกต์บวมติดกัน อ่านยากกว่าตัวหนาจริง

   ไฟล์นี้ประกาศ family เดียวชื่อ Kanit พร้อมน้ำหนักจริง 300-700
   ไม่แก้ไฟล์ vendor เดิม (ยังโหลดอยู่ได้ ไม่ชนกัน)
   ------------------------------------------------------------------ */

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

@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../vendors/fonts/kanit/kanit-Regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../vendors/fonts/kanit/kanit-Medium.ttf') format('truetype');
}

@font-face {
  font-family: 'Kanit';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../vendors/fonts/kanit/kanit-SemiBold.ttf') format('truetype');
}

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

@font-face {
  font-family: 'Kanit';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('../vendors/fonts/kanit/kanit-Italic.ttf') format('truetype');
}