หน้าแรก จับคู่ฟอนต์ Kanit + Maitree

Kanit + Maitree

คู่ฟอนต์ sans-serif + serif ที่ลงตัวสำหรับงาน editorial นิตยสาร หรือหนังสือ โดย Kanit ที่มีรูปทรง geometric ทันสมัยช่วยสร้าง heading ที่โดดเด่นจับสายตา ขณะที่ Maitree เป็น serif แบบไทยประยุกต์ที่สวยงาม อ่านสบายตาในเนื้อหายาวๆ ให้ความรู้สึกน่าเชื่อถือ เป็นทางการ เหมาะกับบทความ วารสาร และสิ่งพิมพ์คุณภาพสูง

editorial หนังสือ formal magazine

Font Pairing Playground

32px
16px
1.8
Preview 100%
ชื่อเว็บไซต์

ออกแบบประสบการณ์ดิจิทัล
ที่น่าจดจำ

เราช่วยให้ธุรกิจของคุณเติบโตผ่านการออกแบบเว็บไซต์ที่สวยงามและใช้งานง่าย ด้วยทีมนักออกแบบมืออาชีพที่มีประสบการณ์มากกว่า 10 ปี

🎨

ออกแบบสวยงาม

ดีไซน์ทันสมัย ตรงตามเทรนด์ล่าสุด

โหลดเร็ว

เว็บไซต์โหลดไว ประสบการณ์ดี

📱

Responsive

แสดงผลดีบนทุกอุปกรณ์

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 ควรอ่านง่าย ไม่เหนื่อยตา

📦

สินค้าตัวอย่าง

คำอธิบายสินค้าสั้นๆ ที่บอกรายละเอียดเบื้องต้น

฿1,290
🎁

สินค้าพิเศษ

สินค้าคุณภาพดี ราคาย่อมเยา คุ้มค่า

฿890

สินค้าใหม่

เพิ่งเข้าใหม่ ของมาแรง ต้องรีบคว้า

฿1,590

Dashboard Overview

ข้อมูลสรุปประจำเดือน มีนาคม 2024

ยอดขายรวม
฿124,500
+12.5%
ออเดอร์ใหม่
284
+8.2%
ลูกค้าใหม่
56
-3.1%

รายการล่าสุด

ชื่อลูกค้าสินค้ายอดสถานะ
คุณสมชายสินค้า A฿1,200สำเร็จ
คุณสมหญิงสินค้า B฿890รอดำเนินการ

🍜 ร้านอร่อย

อาหารไทยรสชาติต้นตำรับ

อาหารจานเดียว

ผัดกะเพราหมูสับ

หมูสับผัดกะเพรากรอบ พร้อมไข่ดาว

฿60

ข้าวมันไก่

ไก่ต้มเนื้อนุ่ม น้ำจิ้มสูตรเด็ด

฿55

ต้มยำกุ้ง

ต้มยำน้ำข้นกุ้งแม่น้ำ รสจัดจ้าน

฿120

เครื่องดื่ม

ชาไทย

ชาไทยหวานมัน เย็นชื่นใจ

฿35

ทำไมคู่นี้ถึงเข้ากัน?

Kanit (Heading) — Geometric sans-serif ที่จับสายตาได้ดี สร้าง contrast กับ body text แบบ serif

Maitree (Body) — Serif ที่สวยงาม อ่านสบายตาในเนื้อหายาว ให้ความรู้สึกเป็นทางการและน่าเชื่อถือ

CSS Code

/* Import ทั้ง 2 fonts */ @import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;600;700&family=Maitree:wght@300;400;600&display=swap'); /* Heading */ h1, h2, h3, h4 { font-family: 'Kanit', sans-serif; font-weight: 700; } /* Body */ body, p, li, td { font-family: 'Maitree', sans-serif; font-weight: 400; line-height: 1.8; }

Tailwind CSS Config

// tailwind.config.js module.exports = { theme: { fontFamily: { heading: ['Kanit', 'sans-serif'], body: ['Maitree', 'sans-serif'], }, }, } // className="font-heading" / className="font-body"

ทดลองคู่ฟอนต์นี้ในงานจริง

คู่ฟอนต์อื่นๆ ที่น่าสนใจ

ดูหน้า Kanit → ดูหน้า Maitree → เปรียบเทียบ Kanit vs Maitree →