หน้าแรก Playground Blog / บทความ

ทดลองฟอนต์สำหรับ Blog / บทความ

เลือกฟอนต์และปรับแต่งเพื่อดูตัวอย่างจริงในงาน Blog / บทความ — พร้อม export CSS ไปใช้งานได้ทันที

32px
16px
1.8
Preview — Blog / บทความ 100%
Technology

การเลือกฟอนต์ไทยที่เหมาะกับเว็บไซต์
ในปี 2024

โดย ผู้เขียน 5 นาทีในการอ่าน 28 ก.พ. 2024

การเลือกฟอนต์ที่เหมาะสมเป็นหนึ่งในปัจจัยสำคัญที่ส่งผลต่อประสบการณ์ของผู้ใช้งานเว็บไซต์ โดยเฉพาะเว็บไซต์ภาษาไทยที่ต้องการฟอนต์ที่อ่านง่ายและสวยงาม

ทำไมฟอนต์ถึงสำคัญ?

ฟอนต์ที่ดีช่วยให้ผู้อ่านสามารถอ่านเนื้อหาได้นานโดยไม่เมื่อยตา ช่วยสร้างบรรยากาศและอารมณ์ของเว็บไซต์ และเป็นส่วนสำคัญของการสร้าง brand identity

"Typography is the craft of endowing human language with a durable visual form." — Robert Bringhurst

หลักการเลือกคู่ฟอนต์

การจับคู่ฟอนต์ที่ดีควรคำนึงถึงความแตกต่างที่เหมาะสม ฟอนต์สำหรับ heading ควรโดดเด่น จับสายตา ในขณะที่ฟอนต์สำหรับ body text ควรอ่านง่าย ไม่เหนื่อยตา

CSS Code

/* Import ทั้ง 2 fonts */
@import url('https://fonts.googleapis.com/css2?family=Sarabun:wght@400;600;700&family=Kanit:wght@300;400;600&display=swap');

/* Heading */
h1, h2, h3, h4 {
  font-family: 'Sarabun', sans-serif;
  font-weight: 700;
}

/* Body */
body, p, li, td {
  font-family: 'Kanit', sans-serif;
  font-weight: 400;
  line-height: 1.8;
}
ดูฟอนต์แนะนำสำหรับ Blog / บทความ →

ทดลองฟอนต์สำหรับงานอื่นๆ