ฟอนต์ไทยฟรี 2026: 15 ฟอนต์ใช้ทำเว็บได้จริง โหลดเร็ว ใช้เชิงพาณิชย์ได้ (พร้อมวิธีติดตั้งไม่ให้เว็บช้า)

คำตอบสั้น: ฟอนต์ไทยฟรีที่ปลอดภัยที่สุดสำหรับทำเว็บปี 2026 มาจาก 2 แหล่ง — Google Fonts (license SIL OFL ใช้เชิงพาณิชย์ได้ ไม่ต้องขออนุญาต เช่น IBM Plex Sans Thai, Sarabun, Prompt, Kanit, Noto Sans Thai, Anuphan, Mitr, Bai Jamjuree) และฟอนต์แห่งชาติ 13 ฟอนต์ (TH Sarabun New, TH Chakra Petch ฯลฯ ที่ภาครัฐเปิดให้ใช้ฟรี) — เลือกจากงานจริง: เนื้อความยาวใช้ตระกูล loop เรียบอย่าง Sarabun/IBM Plex Sans Thai, หัวข้อใช้ตัวมีน้ำหนักอย่าง Prompt/Kanit, และไม่ว่าเลือกตัวไหน จำกัด 1–2 family, โหลดเฉพาะ weight ที่ใช้ ไม่งั้นฟอนต์จะเป็นตัวถ่วง Core Web Vitals อันดับหนึ่งของเว็บไทย

บทความนี้เขียนจากมุมคนทำเว็บ: ครึ่งแรกคือรายชื่อฟอนต์แยกตามงาน ครึ่งหลังคือวิธีติดตั้งให้ถูก — ส่วนที่เว็บส่วนใหญ่พลาดแล้วคะแนน PageSpeed หายไป 10–20 แต้มโดยไม่รู้ตัว (เราใช้เทคนิคชุดนี้กับเว็บตัวเองจนได้ Performance 98–100 บนมือถือ)

Contents

• ฟอนต์ไทยฟรีมาจากไหนได้บ้าง เช็ค license ยังไง
• ฟอนต์สำหรับเนื้อความ (อ่านยาว)
• ฟอนต์สำหรับหัวข้อและแบรนด์
• ฟอนต์สำหรับ UI ตัวเลข และงานเฉพาะ
• ตารางสรุป 15 ฟอนต์
• วิธีติดตั้งไม่ให้เว็บช้า
• FAQ

ฟอนต์ไทยฟรีมาจากไหนได้บ้าง เช็ค license ยังไง

แหล่งที่เช็ค license ได้ชัดเจนมี 3 กลุ่ม:

1. Google Fonts (fonts.google.com เลือก filter ภาษาไทย) — ทุกฟอนต์ใช้ license เปิด (ส่วนใหญ่คือ SIL Open Font License) ใช้ได้ทั้งเว็บ สิ่งพิมพ์ โลโก้ งานลูกค้า ไม่ต้องให้เครดิต ไม่ต้องจ่าย — นี่คือแหล่งแรกที่ควรดูเสมอเพราะได้ทั้งไฟล์และ CDN พร้อมใช้
2. ฟอนต์แห่งชาติ 13 ฟอนต์ — โครงการของภาครัฐ (SIPA/DIP) ที่แจกให้ใช้ฟรี เช่น TH Sarabun New ที่กลายเป็นมาตรฐานเอกสารราชการ เหมาะเมื่องานต้องให้ความรู้สึก “ทางการไทย”
3. ฟอนต์แจกฟรีจากนักออกแบบไทย (เช่นชุมชน f0nt.com) — หลายตัวสวยมาก แต่ ต้องอ่าน license ทีละตัว บางตัวฟรีเฉพาะใช้ส่วนตัว ห้ามใช้เชิงพาณิชย์ ห้ามฝังบนเว็บ (webfont embedding เป็นสิทธิ์แยกจากการติดตั้งในเครื่อง)

กติกาปลอดภัย: ก่อนใช้ฟอนต์ใดในงานลูกค้า หา license file ให้เจอและเก็บไว้ในโปรเจกต์ ถ้าหาไม่เจอ = อย่าใช้

ฟอนต์สำหรับเนื้อความ (อ่านยาว)

งานเนื้อความต้องการตัวที่อ่านสบายขนาด 16px ช่องไฟสม่ำเสมอ และมีหลาย weight ให้เลือก:

• IBM Plex Sans Thai — ตัวที่เว็บเราใช้เป็นฟอนต์เดียวทั้งเว็บ: โครงสร้างชัด อ่านง่ายทั้งจอเล็กจอใหญ่ มี 7 weight และคู่ Latin ในตระกูลเดียวกันทำให้ไทย-อังกฤษปนกันแล้วไม่ขัดตา
• Sarabun — มาตรฐานความอ่านง่ายของไทย เหมาะกับเว็บข้อมูลเยอะ องค์กร ราชการ ธนาคาร มี weight ครบถึง 8
• Noto Sans Thai — โปรเจกต์ฟอนต์ครอบคลุมทุกภาษาของ Google จุดแข็งคือความเข้ากันได้และ fallback ที่เนียนเมื่อเว็บมีหลายภาษา
• Anuphan — ตัวใหม่กว่า โมเดิร์นสะอาด ระยะหลังเห็นในเว็บ SaaS/สตาร์ทอัพไทยบ่อย
• Bai Jamjuree — โค้งมนกว่า Sarabun เล็กน้อย ให้ความรู้สึกเป็นมิตร เหมาะกับแบรนด์บริการ

ฟอนต์สำหรับหัวข้อและแบรนด์

หัวข้อรับน้ำหนักตัวหนาและบุคลิกได้มากกว่า:

• Prompt — เรขาคณิต ทันสมัย weight หนา ๆ ทำ hero ได้สวยโดยไม่ต้องพึ่งฟอนต์ที่สอง
• Kanit — ตัวยอดนิยมของเว็บไทยยุคหนึ่ง เส้นเฉียบ ดูเทค แต่ระวังใช้กับเนื้อความยาวเพราะอ่านล้าเร็วกว่ากลุ่ม body
• Chakra Petch — เหลี่ยม เฉียบ สาย tech/gaming/อุตสาหกรรม
• Pridi — มีหัว (loop) แบบดั้งเดิมผสมโครงโมเดิร์น ให้ความรู้สึก editorial เหมาะกับสื่อ/สำนักพิมพ์
• Taviraj — serif ไทยที่คู่กับงานหรู งานพรีเมียม ใช้เป็นหัวข้อคู่ body เรียบ ๆ ได้ดี

ฟอนต์สำหรับ UI ตัวเลข และงานเฉพาะ

• IBM Plex Sans Thai Looped — เวอร์ชันมีหัวของ Plex ไทย เมื่อ brand guideline ต้องการตัวมีหัวแต่อยากคง system เดียวกัน
• Sarabun (tabular figures) — ตารางราคา/ตัวเลขเยอะ ๆ ให้เช็คว่า weight ที่ใช้มีเลขความกว้างเท่ากัน ไม่งั้นคอลัมน์ตัวเลขจะเต้น
• Mitr — โค้งหนา อ่านง่ายบนปุ่ม/ป้าย UI ขนาดเล็ก
• Athiti — น้ำหนักเบา ๆ สำหรับ caption และ label
• TH Sarabun New (ฟอนต์แห่งชาติ) — เมื่อต้องทำเอกสาร PDF ที่ผู้ใช้ดาวน์โหลดต่อจากเว็บให้ฟอร์แมตตรงกับเอกสารราชการ

ตารางสรุป 15 ฟอนต์

ทั้ง 15 ตัวใช้เชิงพาณิชย์ได้ฟรี — กลุ่ม Google Fonts เป็น SIL OFL ทั้งหมด

วิธีติดตั้งไม่ให้เว็บช้า

ส่วนที่เว็บไทยพลาดบ่อยที่สุดไม่ใช่ “เลือกฟอนต์ผิด” แต่คือ โหลดฟอนต์เกินจำเป็น — ฟอนต์ไทย 1 weight มีขนาดราว 30–100KB (ไทยมีสระ-วรรณยุกต์เยอะ ไฟล์จึงใหญ่กว่าฟอนต์ Latin) โหลด 2 family × 4 weight = อาจเกิน 500KB ก่อนผู้ใช้เห็นตัวหนังสือตัวแรก จากงานปรับ Core Web Vitals ที่เราทำ กติกาที่ได้ผลจริงคือ:

1. จำกัด 1–2 family และเลือกเฉพาะ weight ที่ใช้จริง — ส่วนใหญ่ 400 + 600/700 ก็พอ เว็บเราทั้งเว็บใช้ family เดียว
2. ใช้ font-display: swap — ให้ข้อความแสดงด้วยฟอนต์สำรองทันทีระหว่างรอ ไม่เกิดจอข้อความล่องหน (FOIT)
3. Preload เฉพาะไฟล์ weight หลักตัวเดียว — <link rel="preload" as="font"> กับตัวที่ใช้ above-the-fold เท่านั้น preload ทุกไฟล์ = แย่งแบนด์วิดท์กันเอง
4. Subset เมื่อ self-host — ตัดเหลือ Thai + Latin ที่ใช้ ลดไฟล์ได้มาก (Google Fonts ทำ subset ให้อัตโนมัติผ่าน unicode-range อยู่แล้ว)
5. ตั้ง fallback stack ที่ใกล้เคียง — เช่น font-family: 'IBM Plex Sans Thai', 'Noto Sans Thai', sans-serif; ลดอาการ layout กระโดดตอนฟอนต์จริงมาถึง (CLS)
6. วัดก่อน-หลังเสมอ — เปิด PageSpeed Insights ดู LCP ถ้าฟอนต์เป็นคอขวดจะเห็นในรายการ “Eliminate render-blocking resources” / “Preload key requests” (วิธีอ่านค่าอยู่ใน Lighthouse 100 ทำยังไง)

เว็บที่ทำครบชุดนี้ ฟอนต์จะไม่ใช่เหตุผลที่คะแนนตก — เว็บเราเองใช้กติกานี้แล้ววัดได้ Performance 98–100 บนมือถือทุกหน้าหลัก ถ้าอยากได้เว็บที่ตั้งค่าเรื่องพวกนี้ถูกตั้งแต่วันแรก ดูขอบเขตงานที่หน้าบริการรับทำเว็บไซต์

FAQ