/*
 * @font-face ต้องอยู่ในไฟล์นี้ ไม่ใช่ใน src/index.css
 *
 * ไฟล์ฟอนต์อยู่ใน public/ ซึ่งถูกก๊อปไปที่ web root ตอน build — path `/fonts/...`
 * จึงถูกต้องเฉพาะ "ตอนรันในเบราว์เซอร์" เท่านั้น
 *
 * ถ้าเขียน @font-face ไว้ใน src/ webpack จะพยายามหาไฟล์ตาม path นั้นบนดิสก์
 * ตั้งแต่ตอน build แล้วพังด้วย "Module not found: Can't resolve '/fonts/...'"
 * เพราะบนดิสก์ไฟล์อยู่ที่ public/fonts ไม่ใช่ /fonts
 *
 * ไฟล์นี้อยู่ใน public/ webpack จึงไม่แตะ ปล่อยผ่านไปให้เบราว์เซอร์โหลดเอง
 * ต่อจาก index.html
 */

@font-face {
  font-family: 'DB Heavent Cond';
  src: url('/fonts/DB%20Heavent%20Cond/DB%20Heavent%20Cond%20v3.2.1.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DB Heavent Cond';
  src: url('/fonts/DB%20Heavent%20Cond/DB%20Heavent%20Bd%20Cond%20v3.2.1.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DB Heavent Cond';
  src: url('/fonts/DB%20Heavent%20Cond/DB%20Heavent%20Cond%20It%20v3.2.1.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'DB Heavent Cond';
  src: url('/fonts/DB%20Heavent%20Cond/DB%20Heavent%20Bd%20Cond%20It%20v3.2.1.ttf') format('truetype');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}