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

Kanit + Prompt

คู่ฟอนต์ sans-serif ทั้งคู่ที่เหมาะกับ dashboard, แอปพลิเคชัน และ SaaS โดย Kanit ที่มีรูปทรง geometric แข็งแรงเหมาะกับ heading และ navigation ส่วน Prompt เป็น humanist sans-serif ที่มีความอ่อนโยนกว่า อ่านง่ายในขนาดเล็ก เหมาะกับ body text และ UI elements ทั้งคู่ดูทันสมัยและเข้ากันได้ดีในงานดิจิทัล

dashboard app UI startup

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 ที่แข็งแรง เหมาะกับ UI heading และ navigation

Prompt (Body) — Humanist sans-serif ที่อ่านง่าย เหมาะกับ UI text และข้อความในแอป

CSS Code

/* Import ทั้ง 2 fonts */ @import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;600;700&family=Prompt: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: 'Prompt', sans-serif; font-weight: 400; line-height: 1.8; }

Tailwind CSS Config

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

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

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

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