เชื่อม Google Fonts
ทางลัดที่พบบ่อย
ใส่ลิงก์ใน head แล้วระบุชื่อใน font-family
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;700&display=swap">
/* ใน CSS */
body {
font-family: "Noto Sans Thai", sans-serif;
}
พารามิเตอร์
display=swap ช่วยให้ข้อความโชว์ด้วยฟอนต์สำรองก่อน แล้วสลับเมื่อฟอนต์เว็บพร้อม — เกี่ยวกับ FOUT ด้านล่าง