ฟอนต์ไทยฟรี ยอดนิยม สำหรับใช้ในเว็บไซต์
จากบทความก่อนหน้า 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
และหากใครมีตัวอย่างเว็บไซต์ที่ใช้ฟอนต์ด้านบนนี้ก็แนะนำกันมาได้เลยนะคะ ^-^
สุดท้ายนี้ขอแนะนำเว็บไซต์ที่เป็นประโยชน์ดังนี้ค่า
สำหรับผู้อยากได้ฟอนต์ไปใช้งานในเว็บไซต์ค่ะ
1. เว็บไซต์เปรียบเทียบฟอนต์ สำหรับทำ Heading และ Paragraph Web Font (Font Face)
สำหรับผู้ใช้งาน WordPress
1. แนะนำให้โหลด Plugin Seed Fonts มีฟอนต์ตัวอ่านตามลิสต์ด้านบนทั้งหมดให้เลือกใช้งานได้ฟรีค่ะ
วิธีใส่ฟอนต์ไทยที่ดาวน์โหลดจาก f0nt.com ลงในเว็บไซต์ของเรา
ไปดูวิธีการใช้งานได้ที่นี่
1. วิธีใส่ฟ้อนต์ไทยลงในเว็บไซต์ ด้วย CSS3 @font-face แบบ Step by Step
2. ฟ้อนต์ไทยสวย ๆ ใน Google Fonts ใช้ฟรี 100% !! พร้อมวิธีการใช้งานทีละขั้นตอน
There are no comments
Add yours