ฟอนต์ไทยยอดนิยม ฟรี สำหรับใช้ในเว็บไซต์

จากบทความก่อนหน้า Designil เคยเขียนหัวข้อเรื่อง ฟ้อนต์ไทยสวย ๆ ใน Google Fonts ใช้ฟรี 100% !! พร้อมวิธีการใช้งานทีละขั้นตอน ในการดึงฟอนต์จาก Google ไปใช้

แต่ก็ยังมีฟอนต์ภาษาไทยจำนวนมากที่เปิดให้ดาวน์โหลดฟรี สวยๆ ให้เรานำมาใช้งานได้อีกเพียบ! โดยผู้เขียนคัดเลือกมาจากเว็บไซต์ f0nt.com และ Google Fonts สำหรับฟอนต์ที่แนะนำในวันนี้นั้น ผู้เขียนได้แบ่งประเภทฟอนต์ที่เหมาะสำหรับในการใช้งานเป็นหัวข้อ (Heading) และตัวอ่าน (Paragraph) พร้อมภาพประกอบตัวอย่างของเว็บไซต์ที่ใช้งานมาเพิ่มไอเดียกันค่ะ

ฟอนต์ไทยฟรี: ประเภทหัวข้อ (Heading)

Maledpan

เป็นฟอนต์ที่มากับ Seed Themes ใครสนใจสั่งซื้อ Seed theme ก็จะสามารถใช้ฟอนต์ Maledpan น้ำหนัก Regular ได้ฟรีเลยค่ะ

ตัวอย่างการใช้ฟอนต์หัวข้อ Maledpan

ตัวอย่างเว็บไซต์ที่ใช้ฟอนต์ maledpan

Kanit

ตัวอย่างการใช้ฟอนต์ Kanit

ตัวอย่างเว็บไซต์ที่ใช้ฟอนต์ Kanit

Prompt

ตัวอย่างฟอนต์ Prompt

ตัวอย่างเว็บไซต์ที่ใช้ฟอนต์ Prompt

Mitr

ตัวอย่างฟอนต์ Mitr

ตัวอย่างเว็บไซต์ที่ใช้ฟอนต์ Mitr

Athiti

ตัวอย่างฟอนต์ Athiti

RSU

ตัวอย่างฟอนต์ RSU

ตัวอย่างเว็บไซต์ที่ใช้ฟอนต์ RSU

Thai Sans Neue

ตัวอย่างฟอนต์ ThaiSans Neue

Arabica

มาแนวน่ารักกันบ้าง เอาไปเป็นหัวข้อในเว็บสไตล์แมวแบบตัวอย่างด้านล่าง น่ารักสุดๆไปเลย

ตัวอย่างฟอนต์ arabica

ตัวอย่างเว็บไซต์ที่ใช้ฟอนต์ Arabica

ฟอนต์ไทยฟรี: ประเภทตัวอ่าน (Paragraph, Body)

CS ChatThai

ตัวอย่างฟอนต์ Chatthai

CS Prajad

ตัวอย่างฟอนต์ Prajad

Boon

ตัวอย่างฟอนต์ Boon

Th sarabun

ตัวอย่างฟอนต์ TH Sarabun

ยกตัวอย่างเว็บไซต์ที่ใช้ฟอนต์ Th Sarabun

Trirong

ตัวอย่างฟอนต์ Trirong

เพิ่ม letter-spacing สัก 0.02 em จะสวยและอ่านง่ายเพิ่มขึ้นเยอะเลยค่ะฟอนต์นี้ 🙂

Taviraj

ตัวอย่างฟอนต์ Traviraj

Maitree

ตัวอย่างฟอนต์ Maitree

และหากใครมีตัวอย่างเว็บไซต์ที่ใช้ฟอนต์ด้านบนนี้ก็แนะนำกันมาได้เลยนะคะ ^-^

สุดท้ายนี้ขอแนะนำเว็บไซต์ที่เป็นประโยชน์สำหรับผู้อยากได้ฟอนต์ไปใช้งานในเว็บไซต์ค่ะ
เว็บไซต์เปรียบเทียบฟอนต์ สำหรับทำ Heading และ Paragraph
Web Font (Font Face)

สำหรับผู้ใช้งาน WordPress
แนะนำให้โหลด Plugin Seed Fonts มีฟอนต์ตัวอ่านตามลิสต์ด้านบนทั้งหมดให้เลือกใช้งานได้ฟรีค่ะ

วิธีใส่ฟอนต์ไทยที่ดาวน์โหลดจาก f0nt.com ลงในเว็บไซต์ของเรา
ไปดูวิธีการใช้งานได้ที่นี่ วิธีใส่ฟ้อนต์ไทยลงในเว็บไซต์ ด้วย CSS3 @font-face แบบ Step by Step