/* 1. ดึงฟอนต์ Google Sans ตัวตรงแปรผัน (รองรับน้ำหนัก 100 - 900) */
@font-face {
  font-family: 'Google Sans';
  src: url('../fonts/GoogleSans-VariableFont_GRAD,opsz,wght.woff2') format('woff2-variations'),
       url('../fonts/GoogleSans-VariableFont_GRAD,opsz,wght.woff2') format('woff2');
  font-weight: 100 900; /* คุมความหนาได้ทุกระดับในไฟล์เดียว */
  font-style: normal;
  font-display: swap;
}

/* 2. ดึงฟอนต์ Google Sans ตัวเอียงแปรผัน (รองรับน้ำหนัก 100 - 900) */
@font-face {
  font-family: 'Google Sans';
  src: url('../fonts/GoogleSans-Italic-VariableFont_GRAD,opsz,wght.woff2') format('woff2-variations'),
       url('../fonts/GoogleSans-Italic-VariableFont_GRAD,opsz,wght.woff2') format('woff2');
  font-weight: 100 900; /* คุมความหนาของตัวเอียงได้ทุกระดับ */
  font-style: italic;   /* ระบุว่าเป็นสไตล์ตัวเอียง */
  font-display: swap;
}

/* 3. เปิดใช้งานบนเว็บไซต์โดยปล่อยให้ขนาดเป็นไปตามค่าปกติของระบบ */
body {
  font-family: 'Google Sans', sans-serif;
}